/* Extracted inline styles from /support.html (H5) */
:root {
            --bg: #08080a;
            --panel: #0e0e12;
            --panelAlt: #121218;
            --ink: #E6E8EE;
            --muted: #A6ADBB;
            --accent: #4F6BFF;
            --accent-2: #7AA2FF;
            --border: #1C2230;
            --ring: #2A3A66;
            --success: #12B76A;
            --warn: #F79009;
            --r-xs: 8px;
            --r-sm: 12px;
            --r-md: 16px;
            --r-lg: 20px;
        }
        
        html, body { 
            background: var(--bg); 
            color: var(--ink); 
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        }
        
        .container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 1rem;
        }
        
        .step--2 { font-size: clamp(12px, 1.1vw, 14px); line-height: 1.65; }
        .step--1 { font-size: clamp(14px, 1.2vw, 16px); line-height: 1.65; }
        .step-0 { font-size: clamp(16px, 1.4vw, 18px); line-height: 1.65; }
        .step-1 { font-size: clamp(20px, 2vw, 24px); line-height: 1.4; }
        .step-2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.2; }
        .step-3 { font-size: clamp(36px, 4vw, 48px); line-height: 1.1; }
        
        .glass {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(10px);
            border: 1px solid var(--border);
        }
        
        .card-outlined {
            background: var(--panelAlt);
            border: 1px solid var(--border);
            border-radius: var(--r-md);
            padding: 1.5rem;
            transition: box-shadow 0.2s ease;
            margin-bottom: 1.5rem;
        }
        
        .icon-container {
            width: 48px;
            height: 48px;
            display: grid;
            place-items: center;
            border: 1px solid var(--border);
            background: linear-gradient(180deg, #101426, #0C0F19);
            border-radius: 12px;
            box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 .5px 0 rgba(0,0,0,.3);
        }
        
        .btn-primary {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.75rem 1.5rem;
            background: var(--accent);
            color: white;
            border-radius: var(--r-xs);
            font-weight: 500;
            text-decoration: none;
            transition: background-color 0.2s ease;
        }
        
        .btn-primary:hover {
            background: var(--accent-2);
        }
        
        .nav-link {
            color: var(--muted);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        
        .nav-link:hover {
            color: var(--ink);
        }
        
        .section-padding {
            padding: 4rem 0;
        }
        
        @media (min-width: 768px) {
            .section-padding { padding: 6rem 0; }
            .icon-container { width: 56px; height: 56px; }
        }
        
        .content { max-width: 800px; margin: 0 auto; }
        .content h2 { margin: 2rem 0 1rem 0; font-size: var(--step-1); font-weight: 600; }
        .content h3 { margin: 1.5rem 0 0.75rem 0; font-size: var(--step-0); font-weight: 600; }
        .content p { margin-bottom: 1rem; color: var(--muted); line-height: 1.65; }
        .content ul { margin-bottom: 1rem; padding-left: 2rem; color: var(--muted); }
        .content li { margin-bottom: 0.5rem; }
        
        .support-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
        }
        
        .support-card {
            background: var(--panelAlt);
            border: 1px solid var(--border);
            border-radius: var(--r-md);
            padding: 2rem;
            text-align: center;
            transition: all 0.2s ease;
        }
        
        .support-card:hover {
            border-color: var(--accent);
            transform: translateY(-2px);
        }
        
        .support-card h3 {
            color: var(--accent);
            margin-bottom: 1rem;
            font-size: var(--step-0);
        }
        
        .support-card p {
            color: var(--muted);
            margin-bottom: 0;
        }