/* Extracted inline styles from /terms-conditions.html (H5) */
:root {
            --bg: #08080a;
            --panel: #0e0e12;
            --panelAlt: #121218;
            --ink: #E6E8EE;
            --muted: #A6ADBB;
            --accent: #4F6BFF;
            --accent-2: #7AA2FF;
            --border: #1C2230;
            --warn: #F79009;
            --r-xs: 8px;
            --r-sm: 12px;
            --r-md: 16px;
        }

        html, body {
            background: var(--bg);
            color: var(--ink);
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        }

        .container { max-width: 900px; margin: 0 auto; padding: 0 1rem; }

        .card-outlined {
            background: var(--panelAlt);
            border: 1px solid var(--border);
            border-radius: var(--r-md);
            padding: 1.5rem;
            margin-bottom: 1.5rem;
        }

        h1 { font-size: clamp(36px, 4vw, 48px); line-height: 1.1; margin-bottom: 0.5rem; }
        h2 { font-size: clamp(20px, 2vw, 24px); color: var(--accent-2); margin-top: 2rem; margin-bottom: 1rem; }

        p { color: var(--muted); line-height: 1.7; margin-bottom: 1rem; }

        ul, ol { margin-left: 1.5rem; margin-bottom: 1rem; color: var(--muted); }
        li { margin-bottom: 0.5rem; }

        a { color: var(--accent); text-decoration: none; }
        a:hover { color: var(--accent-2); }

        .effective-date { color: var(--muted); font-size: 0.875rem; margin-bottom: 2rem; }

        .important-notice {
            background: rgba(247, 144, 9, 0.1);
            border: 1px solid var(--warn);
            border-radius: var(--r-md);
            padding: 1rem 1.5rem;
            margin: 1.5rem 0;
        }

        .important-notice strong { color: var(--warn); }

        .contact-box {
            background: rgba(79, 107, 255, 0.1);
            border: 1px solid var(--accent);
            border-radius: var(--r-md);
            padding: 1.5rem;
            margin-top: 2rem;
        }