* { box-sizing: border-box; }
        html {
            text-rendering: optimizeLegibility;
            background: var(--ink);
            color: var(--text);
            font-family: var(--font-body);
            font-size: var(--font-size-base);
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            background: var(--ink);
            letter-spacing: 0;
            overflow-x: hidden;
        }

        a { color: inherit; text-decoration: none; }
        img { display: block; max-width: 100%; }

        h1, h2, h3, h4, h5, h6 {
            font-family: var(--font-heading);
            font-weight: var(--font-weight-heading);
            color: var(--font-color-heading);
        }
        h1 { font-size: var(--font-size-h1); }
        h2 { font-size: var(--font-size-h2); }
        h3 { font-size: var(--font-size-h3); }

        .main-content {
            flex: 1;
        }

        /* ===== SITE HEADER ===== */
        .site-header {
            position: sticky;
            top: 0;
            z-index: 20;
            border-bottom: 1px solid var(--line);
            background: rgba(0, 0, 0, .88);
            backdrop-filter: blur(18px);
        }

        .nav {
            width: min(1180px, calc(100% - 32px));
            margin: 0 auto;
            min-height: 72px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 14px;
        }

        .brand { display: inline-flex; align-items: center; gap: 10px; }

        .header-logo {
            display: inline-grid;
            grid-template-columns: auto;
            justify-items: center;
            gap: 0;
            min-width: 168px;
            line-height: .9;
        }
        .header-logo .crown {
            width: 34px; height: 21px;
            color: var(--hot);
            filter: drop-shadow(0 0 9px rgba(255, 79, 173, .85));
            margin-bottom: 1px;
        }
        .header-logo .brand-top,
        .header-logo .brand-bottom {
            font-family: Orbitron, Montserrat, Inter, sans-serif;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0;
        }
        .header-logo .brand-top {
            font-size: clamp(1.25rem, 2vw, 1.75rem);
            color: #f8f6ff;
        }
        .header-logo .brand-bottom {
            font-size: clamp(1.15rem, 1.9vw, 1.65rem);
            color: var(--hot);
        }

        .cta {
            min-height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            border: 0;
            border-radius: 8px;
            padding: 0 18px;
            color: var(--btn-text);
            font-weight: 800;
            cursor: pointer;
            background: linear-gradient(135deg, var(--btn-primary), var(--btn-secondary));
            box-shadow: 0 12px 30px rgba(217, 70, 143, .28);
        }

        .nav-inline {
            margin-left: auto;
            display: flex;
            align-items: center;
            gap: 18px;
            color: var(--muted);
            font-weight: 800;
            font-size: .92rem;
        }

        .nav-inline a:hover {
            color: #fff;
        }

        .nav-cta { margin-left: auto; }

        .site-footer {
            position: relative;
            z-index: 2;
        }