:root {
            --bg1: #25060f;
            --bg2: #4a0f2a;
            --accent: #ff5d8f;
            --glow: rgba(255,93,143,0.5);
            --text: #ffffff;
            --particle: rgba(255,93,143,0.3);
        }
        body { background: var(--bg1); color: var(--text); }

        .hero { min-height: auto; padding-top: 120px; padding-bottom: 10px; }

        /* Пикер шире на десктопе: две колонки выбора в ряд, а не как на мобиле */
        .section { max-width: 1100px; }

        .hero-title {
            font-size: clamp(2rem, 8vw, 3.4rem);
            background: linear-gradient(135deg, #ff5d8f, #ffd1e0, #ffffff, #ff5d8f);
            background-size: 300% 300%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: gradientText 24s ease infinite;
        }

        @keyframes gradientText {
            0%,100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }

        .nav { background: transparent; border-bottom: none; }
        .nav-logo { color: #ff5d8f; }
        .nav-links a { color: #ffd1e0; border-color: rgba(255,93,143,0.3); }
        .nav-links a:hover {
            background: rgba(255,93,143,0.2); color: #fff;
            border-color: rgba(255,93,143,0.6); transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(255,93,143,0.3);
        }
        .footer { color: rgba(255,255,255,0.5); border-top: 1px solid rgba(255,93,143,0.15); }
        .footer a { color: #ff5d8f; }

        #calcBtn.cta-btn {
            color: rgba(255,255,255,0.75);
            background-image: none;
            -webkit-text-fill-color: rgba(255,255,255,0.75);
            background-clip: border-box;
            -webkit-background-clip: border-box;
            animation: ctaGlow 2s ease-in-out infinite;
        }