:root {
            --primary: #10B981;       /* Emerald Green */
            --primary-dark: #047857;
            --secondary: #06B6D4;     /* Cyan */
            --secondary-light: #67e8f9;
            --accent: #FB7185;        /* Pink */
            --accent-hover: #f472b6;
            --bg-color: #ECFEFF;      /* Alice Blue */
            --text-main: #022C22;     /* Deep Forest Green */
            --text-light: #14532d;
            --white: #ffffff;
            
            --shadow-sm: 0 4px 6px -1px rgba(16, 185, 129, 0.1);
            --shadow-lg: 0 20px 25px -5px rgba(16, 185, 129, 0.15);
            --shadow-card: 0 10px 15px -3px rgba(16, 185, 129, 0.08);
            --radius: 20px;
             --hero-bg: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 50%, #f0fdfa 100%);
    --hero-shape-1: rgba(20, 184, 166, 0.4);
    --hero-shape-2: rgba(6, 182, 212, 0.2);
    --hero-shape-3: rgba(13, 148, 136, 0.15);
        }

        header {
background: rgba(255, 255, 255, 0.9);
        }

   .btn-primary { 
            background: var(--secondary); /* Cyan Button */
            color: var(--white); 
            border: none; 
            box-shadow: 0 4px 14px rgba(6, 182, 212, 0.3);
        }

        .subdomain-input-group {
            display: flex; align-items: center; background: var(--bg-body);
            border: 2px dashed #ccfbf1; border-radius: 12px; padding: 0.8rem 1rem;
        }