:root {
            --accent: #38bdf8;
            --page-glass: rgba(30, 41, 59, 0.72);
            --page-border: rgba(56, 189, 248, 0.24);
            --page-heading-end: #7dd3fc;
            --page-price-bg: rgba(56, 189, 248, 0.15);
            --page-price-border: rgba(56, 189, 248, 0.3);
            --page-price-text: #7dd3fc;
            --page-call-bg: var(--accent);
            --page-call-text: var(--accent-call-text);
            --page-note-text: var(--text-muted);
        }

        html[data-theme="light"] {
            --page-glass: rgba(255, 255, 255, 0.94);
            --page-border: rgba(2, 132, 199, 0.28);
            --page-heading-end: #0369a1;
            --page-price-bg: rgba(2, 132, 199, 0.1);
            --page-price-border: rgba(2, 132, 199, 0.22);
            --page-price-text: #0369a1;
            --page-call-bg: linear-gradient(135deg, #0284c7, #0369a1);
            --page-call-text: #f8fafc;
            --page-note-text: #334155;
        }

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

        html[data-theme="light"] .bg-glow {
            background: radial-gradient(circle at 50% 10%, rgba(2, 132, 199, 0.1), transparent 60%);
        }

        .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(56, 189, 248, 0.1);
            backdrop-filter: blur(4px);
        }

        .problem-list { list-style: none; padding: 0; margin: 30px 0; }

        .problem-list li {
            padding: 12px 0;
            border-bottom: 1px solid var(--border-soft);
            display: flex; align-items: center;
        }

        .problem-list svg { color: var(--accent); margin-right: 15px; flex-shrink: 0; }

        .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;
        }

        .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 20px rgba(56, 189, 248, 0.4);
            animation: pulse 3s infinite;
            margin-bottom: 25px;
            box-sizing: border-box;
        }

        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 20px rgba(56, 189, 248, 0.4);
        }

        .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-muted);
            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;
        }

        .page-note {
            margin-top: 40px;
            text-align: center;
            font-size: 0.8rem;
            color: var(--page-note-text);
        }

        .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; font-size: 0.9rem; }