:root {
            --accent: #a855f7;
            --page-glass: rgba(30, 41, 59, 0.72);
            --page-border: rgba(168, 85, 247, 0.32);
            --page-heading-end: #d8b4fe;
            --page-price-bg: rgba(168, 85, 247, 0.15);
            --page-price-border: rgba(168, 85, 247, 0.3);
            --page-price-text: #d8b4fe;
            --page-call-bg: linear-gradient(135deg, #9333ea, #7e22ce);
            --page-call-text: #ffffff;
            --page-important-bg: rgba(255, 255, 255, 0.03);
        }

        html[data-theme="light"] {
            --page-glass: rgba(255, 255, 255, 0.94);
            --page-border: rgba(124, 58, 237, 0.26);
            --page-heading-end: #6d28d9;
            --page-price-bg: rgba(124, 58, 237, 0.1);
            --page-price-border: rgba(124, 58, 237, 0.22);
            --page-price-text: #6d28d9;
            --page-call-bg: linear-gradient(135deg, #7c3aed, #6d28d9);
            --page-call-text: #f8fafc;
            --page-important-bg: rgba(240, 245, 251, 0.96);
        }

        .bg-glow {
            position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;
            background: radial-gradient(circle at 80% 0%, rgba(168, 85, 247, 0.15), transparent 50%),
                        radial-gradient(circle at 20% 100%, rgba(56, 189, 248, 0.05), transparent 50%);
        }

        html[data-theme="light"] .bg-glow {
            background: radial-gradient(circle at 80% 0%, rgba(124, 58, 237, 0.1), transparent 50%),
                        radial-gradient(circle at 20% 100%, rgba(2, 132, 199, 0.06), transparent 50%);
        }

        .container { max-width: 700px; margin: 0 auto; padding: 20px; }

        h1 {
            font-size: 2rem; margin: 0 0 10px 0;
            background: linear-gradient(to right, var(--text-main), var(--page-heading-end));
            background-clip: text; -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .price-badge {
            display: inline-block;
            margin-top: 10px;
            padding: 6px 16px;
            background: var(--page-price-bg);
            border: 1px solid var(--page-price-border);
            border-radius: 20px;
            color: var(--page-price-text);
            font-weight: bold;
            font-size: 0.95rem;
            box-shadow: 0 0 15px rgba(168, 85, 247, 0.15);
            backdrop-filter: blur(4px);
        }

        .problem-list { list-style: none; padding: 0; margin: 30px 0; }
        .problem-list li {
            padding: 15px 0;
            border-bottom: 1px solid var(--border-soft);
            display: flex; align-items: flex-start;
        }

        .problem-list svg { color: var(--accent); margin-right: 15px; flex-shrink: 0; margin-top: 3px; }
        .problem-title { font-weight: bold; display: block; color: var(--text-main); }
        .problem-desc { font-size: 0.9rem; color: var(--text-muted); display: block; margin-top: 2px; }

        .action-card {
            background: var(--page-glass);
            backdrop-filter: blur(10px);
            border: 1px solid var(--page-border);
            border-radius: 20px;
            padding: 30px;
            box-shadow: var(--shadow-lg);
            animation: slideUp 0.6s ease-out;
            position: relative; overflow: hidden;
        }

        .action-card::after {
            content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(168,85,247,0.1) 0%, transparent 70%);
            z-index: -1; pointer-events: none;
        }

        .btn-call {
            display: block; width: 100%; text-align: center;
            background: var(--page-call-bg);
            color: var(--page-call-text); padding: 16px; border-radius: 12px;
            font-weight: 800; font-size: 1.1rem; text-decoration: none;
            box-shadow: 0 0 25px rgba(168, 85, 247, 0.4);
            animation: pulse 3s infinite; margin-bottom: 25px;
            box-sizing: border-box; border: 1px solid rgba(255,255,255,0.2);
        }

        input {
            width: 100%; padding: 14px; margin-bottom: 12px;
            background: var(--surface-1);
            border: 1px solid var(--border-strong); border-radius: 8px;
            color: var(--text-main); font-size: 1rem; box-sizing: border-box;
        }

        input:focus { outline: 2px solid var(--accent); border-color: transparent; }

        .submit-btn {
            width: 100%; padding: 16px;
            background: var(--btn-muted-bg);
            border: 2px solid var(--accent);
            color: var(--accent); font-weight: 800; font-size: 1.1rem;
            border-radius: 12px; cursor: pointer;
            transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px;
            margin-top: 10px;
        }

        .submit-btn:hover {
            background: var(--accent); color: var(--accent-call-text);
            box-shadow: 0 0 25px rgba(168, 85, 247, 0.5);
        }

        .related-links {
            margin-top: 24px;
            border-top: 1px solid var(--border-soft);
            padding-top: 14px;
            display: grid;
            gap: 8px;
        }

        .related-links a {
            color: var(--link);
            text-decoration: none;
        }

        .hero-note {
            color: var(--text-soft);
            margin-top: 15px;
        }

        .call-phone {
            font-size: 0.9rem;
            font-weight: 500;
            opacity: 0.95;
            margin-top: 4px;
        }

        .or-note {
            text-align: center;
            margin: 20px 0;
            color: var(--text-muted);
            font-size: 0.9rem;
        }

        .important-note {
            margin-top: 30px;
            padding: 15px;
            background: var(--page-important-bg);
            border-radius: 10px;
            border: 1px solid var(--border-soft);
            font-size: 0.85rem;
            color: var(--text-soft);
        }

        .important-note b {
            color: var(--text-main);
        }

        .legal-text { font-size: 0.7rem; color: var(--text-muted); margin-top: 12px; line-height: 1.3; text-align: center; }
        .legal-text a { color: var(--link); text-decoration: underline; }
        .htmx-indicator { text-align: center; color: var(--accent); margin-top: 10px; }