/* Minimal Tailwind-compatible auth utilities for pages previously depending on CDN Tailwind. */
[data-page-boundary="auth"]{background:#000;color:#fff;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
[data-page-boundary="auth"] *{box-sizing:border-box;} [data-page-boundary="auth"] a{color:inherit;text-decoration:none;} [data-page-boundary="auth"] button,[data-page-boundary="auth"] input{font:inherit;}
[data-page-boundary="auth"] .hidden{display:none!important}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}
[data-page-boundary="auth"] .mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}
[data-page-boundary="auth"] .flex{display:flex}.inline-block{display:inline-block}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-5>*+*{margin-top:1.25rem}
[data-page-boundary="auth"] .min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-7xl{max-width:80rem}.max-w-\[88\%\]{max-width:88%}.max-w-md{max-width:28rem}
[data-page-boundary="auth"] .px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}
[data-page-boundary="auth"] .rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px;border-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-white\/10{border-color:rgb(255 255 255 / .1)}.border-white\/20{border-color:rgb(255 255 255 / .2)}.hover\:border-white\/40:hover{border-color:rgb(255 255 255 / .4)}
[data-page-boundary="auth"] .bg-black\/20{background:rgb(0 0 0 / .2)}.selection\:bg-red-600\/40::selection{background:rgb(220 38 38 / .4)}.backdrop-blur{backdrop-filter:blur(8px)}
[data-page-boundary="auth"] .text-white{color:#fff}.text-gray-200{color:#e5e7eb}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-\[var\(--brand-red\)\]{color:var(--brand-red)}
[data-page-boundary="auth"] .text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}
[data-page-boundary="auth"] .shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0 / .7)}.shadow-black\/60{--tw-shadow-color:rgb(0 0 0 / .6)}
[data-page-boundary="auth"] .pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}
@media (min-width:640px){[data-page-boundary="auth"] .sm\:inline-block{display:inline-block!important}[data-page-boundary="auth"] .sm\:px-4{padding-left:1rem;padding-right:1rem}[data-page-boundary="auth"] .sm\:p-5{padding:1.25rem}[data-page-boundary="auth"] .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}[data-page-boundary="auth"] .sm\:text-base{font-size:1rem;line-height:1.5rem}[data-page-boundary="auth"] .sm\:max-w-\[19rem\]{max-width:19rem}}
@media (min-width:768px){[data-page-boundary="auth"] .md\:max-w-\[21rem\]{max-width:21rem}}
/* Auth boundary CSS. Shared by /login, /register, /forgot-password, /auth. */


/* login: extracted style block 1. */
:root {
            --brand-red: #e50914;
            --brand-red-hover: #f6121d;
            --text-muted: #a3a7ad;
            --card-bg-top: rgba(22, 22, 22, 0.92);
            --card-bg-bottom: rgba(12, 12, 12, 0.88);
            --card-border: rgba(255, 255, 255, 0.14);
            --input-bg: rgba(18, 18, 18, 0.92);
            --input-border: rgba(255, 255, 255, 0.18);
            --divider: rgba(255, 255, 255, 0.18);
        }
        *, *::before, *::after {
            box-sizing: border-box;
        }
        body {
            margin: 0;
            font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
            color: #fff;
            background: #000;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        a {
            color: inherit;
            text-decoration: none;
        }
        .text-link {
            color: #d0d3d9;
            transition: color 0.2s ease;
        }
        .text-link:hover {
            color: #fff;
            text-decoration: underline;
        }
        .bg-video {
            position: fixed;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -2;
        }
        .bg-overlay {
            position: fixed;
            inset: 0;
            z-index: -1;
            background: radial-gradient(ellipse at center, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0.92) 100%),
                        linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.4));
        }
        .site-header {
            position: absolute;
            inset: 0 0 auto 0;
            z-index: 20;
            background: linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.15) 100%);
        }
        .header-inner {
            max-width: 1100px;
            margin: 0 auto;
            padding: 24px 32px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }
        .brand {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-weight: 600;
        }
        .brand-initial {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 12px;
            font-size: 1.4rem;
            letter-spacing: 1px;
            background: rgba(229,9,20,0.12);
            color: var(--brand-red);
        }
        .brand-name {
            font-size: 1.1rem;
        }
        .btn-outline {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 10px 20px;
            border-radius: 999px;
            border: 1px solid rgba(255,255,255,0.22);
            color: #fff;
            font-weight: 500;
            font-size: 0.95rem;
            transition: border 0.2s ease, background 0.2s ease;
        }
        .btn-outline:hover {
            border-color: rgba(255,255,255,0.5);
            background: rgba(255,255,255,0.08);
        }
        .auth-main {
            position: relative;
            z-index: 10;
            flex: 1 0 auto;
            min-height: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 140px 24px 140px;
        }
        .auth-card {
            width: min(420px, 100%);
            background: linear-gradient(180deg, var(--card-bg-top), var(--card-bg-bottom));
            border: 1px solid var(--card-border);
            border-radius: 22px;
            padding: 42px 36px;
            box-shadow: 0 30px 60px rgba(0,0,0,0.6);
            backdrop-filter: blur(18px);
        }
        .auth-header {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .auth-title {
            margin: 0;
            font-size: 2rem;
            font-weight: 600;
        }
        .auth-subtitle {
            margin: 8px 0 0;
            font-size: 0.95rem;
            color: var(--text-muted);
            line-height: 1.5;
        }
        .auth-form {
            margin-top: 28px;
            display: flex;
            flex-direction: column;
            gap: 22px;
        }
        .form-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        .form-label {
            font-size: 0.9rem;
            color: #d8dce2;
            font-weight: 500;
        }
        .field-input {
            width: 100%;
            padding: 14px 16px;
            border-radius: 10px;
            border: 1px solid var(--input-border);
            background: var(--input-bg);
            color: #fff;
            font-size: 0.98rem;
            transition: border 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
        }
        .field-input::placeholder {
            color: rgba(225, 228, 235, 0.55);
        }
        .field-input:focus {
            outline: none;
            border-color: rgba(229,9,20,0.65);
            box-shadow: 0 0 0 3px rgba(229,9,20,0.28);
            background: rgba(26,26,26,0.92);
        }
        .password-field {
            position: relative;
        }
        .password-toggle {
            position: absolute;
            top: 50%;
            right: 14px;
            transform: translateY(-50%);
            border: none;
            background: none;
            color: #b6bac1;
            font-size: 0.65rem;
            letter-spacing: 0.35em;
            text-transform: uppercase;
            cursor: pointer;
            transition: color 0.2s ease;
        }
        .password-toggle:hover {
            color: #fff;
        }
        .btn-primary {
            width: 100%;
            padding: 14px 16px;
            border-radius: 10px;
            border: none;
            background: linear-gradient(135deg, #e50914, #f40612);
            color: #fff;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: transform 0.15s ease, box-shadow 0.2s ease;
        }
        .btn-primary:hover {
            transform: translateY(-1px);
            box-shadow: 0 18px 30px rgba(229, 9, 20, 0.35);
        }
        .btn-primary:active {
            transform: translateY(0);
        }
        .divider {
            display: flex;
            align-items: center;
            gap: 14px;
            font-size: 0.75rem;
            letter-spacing: 0.4em;
            text-transform: uppercase;
            color: var(--text-muted);
        }
        .divider::before,
        .divider::after {
            content: '';
            flex: 1;
            height: 1px;
            background: var(--divider);
        }
        .btn-google {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            width: 100%;
            padding: 13px 16px;
            border-radius: 10px;
            border: 1px solid rgba(255,255,255,0.16);
            background: rgba(120, 120, 120, 0.25);
            color: #f3f4f6;
            font-size: 0.98rem;
            font-weight: 500;
            cursor: pointer;
            transition: background 0.2s ease, border 0.2s ease, transform 0.15s ease;
        }
        .btn-google:hover {
            background: rgba(120, 120, 120, 0.4);
            border-color: rgba(255,255,255,0.3);
            transform: translateY(-1px);
        }
        .btn-google svg {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
        }
        .meta-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            font-size: 0.9rem;
            color: #d0d3d9;
        }
        .checkbox {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            user-select: none;
        }
        .checkbox input {
            width: 16px;
            height: 16px;
            border-radius: 4px;
            border: 1px solid rgba(255,255,255,0.25);
            appearance: none;
            background: transparent;
            position: relative;
        }
        .checkbox input:checked {
            background: var(--brand-red);
            border-color: var(--brand-red);
        }
        .checkbox input:checked::after {
            content: '';
            position: absolute;
            inset: 0;
            background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10"%3E%3Cpath fill="white" d="M4.5 7.6 1.8 4.9 0.7 6l3.8 3.8L11.3 3l-1.1-1-5.7 5.6z"/%3E%3C/svg%3E') center/12px 10px no-repeat;
        }
        .checkbox input:focus-visible {
            outline: 2px solid rgba(255,255,255,0.6);
            outline-offset: 2px;
        }
        .support-links,
        .signup-hint {
            font-size: 0.9rem;
            color: var(--text-muted);
            text-align: center;
        }
        .support-links {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 12px;
        }
        .support-links a,
        .signup-hint a {
            color: #f5f5f5;
            font-weight: 500;
        }
        .support-links a:hover,
        .signup-hint a:hover {
            text-decoration: underline;
        }
        .form-message {
            text-align: center;
            font-size: 0.9rem;
            min-height: 1.5rem;
            color: var(--text-muted);
            transition: color 0.2s ease;
        }
        .form-message.is-info { color: #d1d5db; }
        .form-message.is-success { color: #4ade80; }
        .form-message.is-error { color: #f87171; }
        .recaptcha-note {
            margin-top: 26px;
            font-size: 0.75rem;
            text-align: center;
            color: #8f9299;
            line-height: 1.6;
        }
        .site-footer {
            position: relative;
            width: 100%;
            z-index: 10;
            margin-top: auto;
            border-top: 1px solid rgba(255,255,255,0.12);
            background: rgba(0,0,0,0.35);
            backdrop-filter: blur(12px);
        }
        .footer-inner {
            max-width: 1100px;
            margin: 0 auto;
            padding: 28px 32px;
            font-size: 0.85rem;
            color: #c1c4c9;
            text-align: center;
        }
        @media (max-width: 640px) {
            .header-inner {
                padding: 20px;
            }
            .btn-outline {
                padding: 8px 16px;
                font-size: 0.9rem;
            }
            .auth-main {
                padding: 120px 18px 140px;
            }
            .auth-card {
                padding: 32px 24px;
                border-radius: 18px;
            }
            .meta-row {
                flex-direction: column;
                align-items: flex-start;
                gap: 8px;
            }
            .support-links {
                flex-direction: column;
                gap: 8px;
            }
        }

        /* Prevent yellow autofill background */
        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus {
            -webkit-text-fill-color: #fff;
            box-shadow: 0 0 0 1000px var(--input-bg) inset !important;
            transition: background-color 9999s ease-in-out 0s;
            caret-color: #fff;
        }


/* register: extracted style block 2. */
:root {
            --brand-red: #e50914;
            --brand-red-hover: #f6121d;
            --text-muted: #a3a7ad;
            --card-bg-top: rgba(22, 22, 22, 0.92);
            --card-bg-bottom: rgba(12, 12, 12, 0.88);
            --card-border: rgba(255, 255, 255, 0.14);
            --input-bg: rgba(18, 18, 18, 0.92);
            --input-border: rgba(255, 255, 255, 0.18);
            --divider: rgba(255, 255, 255, 0.18);
        }
        *, *::before, *::after { box-sizing: border-box; }
        body {
            margin: 0;
            font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
            color: #fff;
            background: #000;
            min-height: 100vh;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        a { color: inherit; text-decoration: none; }
        .text-link { color: #d0d3d9; transition: color 0.2s ease; }
        .text-link:hover { color: #fff; text-decoration: underline; }
        .bg-video {
            position: fixed;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -2;
        }
        .bg-overlay {
            position: fixed;
            inset: 0;
            z-index: -1;
            background: radial-gradient(ellipse at center, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.78) 60%, rgba(0,0,0,0.95) 100%),
                        linear-gradient(to top, rgba(0,0,0,0.72), rgba(0,0,0,0.35));
        }
        .site-header {
            position: absolute;
            inset: 0 0 auto 0;
            z-index: 20;
            background: linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.18) 100%);
        }
        .header-inner {
            max-width: 1100px;
            margin: 0 auto;
            padding: 24px 32px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }
        .brand {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-weight: 600;
        }
        .brand-initial {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 12px;
            font-size: 1.4rem;
            letter-spacing: 1px;
            background: rgba(229,9,20,0.12);
            color: var(--brand-red);
        }
        .brand-name { font-size: 1.1rem; }
        .btn-outline {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 10px 20px;
            border-radius: 999px;
            border: 1px solid rgba(255,255,255,0.22);
            color: #fff;
            font-weight: 500;
            font-size: 0.95rem;
            transition: border 0.2s ease, background 0.2s ease;
        }
        .btn-outline:hover {
            border-color: rgba(255,255,255,0.5);
            background: rgba(255,255,255,0.08);
        }
        .auth-main {
            position: relative;
            z-index: 10;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 120px 24px 72px;
        }
        .auth-card {
            width: min(460px, 100%);
            background: linear-gradient(180deg, var(--card-bg-top), var(--card-bg-bottom));
            border: 1px solid var(--card-border);
            border-radius: 22px;
            padding: 46px 38px;
            box-shadow: 0 30px 60px rgba(0,0,0,0.6);
            backdrop-filter: blur(18px);
        }
        .auth-header { display: flex; flex-direction: column; gap: 10px; }
        .auth-title { margin: 0; font-size: 2rem; font-weight: 600; }
        .auth-subtitle { margin: 8px 0 0; font-size: 0.95rem; color: var(--text-muted); line-height: 1.5; }
        .auth-form { margin-top: 30px; display: flex; flex-direction: column; gap: 22px; }
        .form-group { display: flex; flex-direction: column; gap: 8px; }
        .form-label { font-size: 0.9rem; color: #d8dce2; font-weight: 500; }
        .field-input {
            width: 100%;
            padding: 14px 16px;
            border-radius: 10px;
            border: 1px solid var(--input-border);
            background: var(--input-bg);
            color: #fff;
            font-size: 0.98rem;
            transition: border 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
        }
        .field-input::placeholder { color: rgba(225, 228, 235, 0.55); }
        .field-input:focus {
            outline: none;
            border-color: rgba(229,9,20,0.65);
            box-shadow: 0 0 0 3px rgba(229,9,20,0.28);
            background: rgba(26,26,26,0.92);
        }
        .btn-primary {
            width: 100%;
            padding: 14px 16px;
            border-radius: 10px;
            border: none;
            background: linear-gradient(135deg, #e50914, #f40612);
            color: #fff;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: transform 0.15s ease, box-shadow 0.2s ease;
        }
        .btn-primary:hover {
            transform: translateY(-1px);
            box-shadow: 0 18px 30px rgba(229, 9, 20, 0.35);
        }
        .btn-primary:active { transform: translateY(0); }
        .btn-google {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            width: 100%;
            padding: 13px 16px;
            border-radius: 10px;
            border: 1px solid rgba(255,255,255,0.16);
            background: rgba(120, 120, 120, 0.25);
            color: #f3f4f6;
            font-size: 0.98rem;
            font-weight: 500;
            cursor: pointer;
            transition: background 0.2s ease, border 0.2s ease, transform 0.15s ease;
        }
        .btn-google:hover {
            background: rgba(120, 120, 120, 0.4);
            border-color: rgba(255,255,255,0.3);
            transform: translateY(-1px);
        }
        .btn-google svg { width: 20px; height: 20px; flex-shrink: 0; }
        .form-message { text-align: center; font-size: 0.9rem; min-height: 1.5rem; color: var(--text-muted); transition: color 0.2s ease; }
        .form-message.is-info { color: #d1d5db; }
        .form-message.is-success { color: #4ade80; }
        .form-message.is-error { color: #f87171; }
        .policy-text { font-size: 0.75rem; color: rgba(214, 218, 226, 0.72); line-height: 1.6; text-align: center; }
        .site-footer {
            position: relative;
            margin-top: 40px;
            border-top: 1px solid rgba(255,255,255,0.12);
            background: rgba(0,0,0,0.35);
            backdrop-filter: blur(12px);
        }
        .footer-inner {
            max-width: 1100px;
            margin: 0 auto;
            padding: 28px 32px;
            font-size: 0.85rem;
            color: #c1c4c9;
            text-align: center;
        }
        @media (max-width: 640px) {
            .header-inner { padding: 20px; }
            .btn-outline { padding: 8px 16px; font-size: 0.9rem; }
            .auth-main { padding: 110px 18px 60px; }
            .auth-card { padding: 34px 26px; border-radius: 18px; }
        }

        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus {
            -webkit-text-fill-color: #fff;
            box-shadow: 0 0 0 1000px var(--input-bg) inset !important;
            transition: background-color 9999s ease-in-out 0s;
            caret-color: #fff;
        }


/* forgot: extracted style block 3. */
:root { --brand-red: #e50914; --brand-red-hover: #f6121d; }
        .bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
        .bg-overlay{position:fixed;inset:0;z-index:-1;background:
            radial-gradient(ellipse at center, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0.85) 100%),
            linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0.55));}
        .card{background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.10);} 
        .input{background:rgba(24,24,24,0.85);border:1px solid rgba(255,255,255,0.12);color:#fff}
        .input::placeholder{color:#9ca3af}
        .input:focus{outline:none;box-shadow:0 0 0 2px rgba(229,9,20,0.5)}
        .btn-primary{background:var(--brand-red)}
        .btn-primary:hover{background:var(--brand-red-hover)}
        .link{color:#d1d5db}
        .link:hover{text-decoration:underline;color:#fff}
        .brand-initial{letter-spacing:1px}
        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus{
            -webkit-text-fill-color:#fff;
            box-shadow:0 0 0 1000px rgba(24,24,24,0.88) inset !important;
            transition:background-color 9999s ease-in-out 0s;
            caret-color:#fff;
        }
        ::placeholder{color:#9ca3af;opacity:1}


/* spa: extracted style block 4. */
:root { --brand-red: #e50914; --brand-red-hover: #f6121d; }
        .bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
        .bg-overlay{position:fixed;inset:0;z-index:-1;background:
            radial-gradient(ellipse at center, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0.85) 100%),
            linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0.55));}
        .card{background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.10);} 
        .input{background:rgba(24,24,24,0.85);border:1px solid rgba(255,255,255,0.12);color:#fff}
        .input::placeholder{color:#9ca3af}
        .input:focus{outline:none;box-shadow:0 0 0 2px rgba(229,9,20,0.5)}
        .btn-primary{background:var(--brand-red)}
        .btn-primary:hover{background:var(--brand-red-hover)}
        .link{color:#d1d5db}
        .link:hover{text-decoration:underline;color:#fff}
        .brand-initial{letter-spacing:1px}
        .checkbox-red{accent-color:var(--brand-red)}
        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus{ -webkit-text-fill-color:#fff; box-shadow:0 0 0 1000px rgba(24,24,24,0.88) inset !important; transition:background-color 9999s ease-in-out 0s; caret-color:#fff; }
        ::placeholder{color:#9ca3af;opacity:1}

/* sp-cinematic-rebuild-v1-page-global */
/* sp-cinematic-rebuild-v1: shared static page polish */
[data-page-boundary]:not([data-page-boundary="home"]):not([data-page-boundary="watch"]):not([data-page-boundary="movie-details"]),
.sp-page-boundary,
.sp-support-boundary,
.sp-catalog-boundary,
.sp-gifts-boundary,
.sp-investor-boundary,
.sp-pitch-boundary {
    background:
        radial-gradient(920px 520px at 12% -8%, rgba(229,9,20,0.18), transparent 62%),
        radial-gradient(760px 480px at 92% 2%, rgba(105,217,255,0.1), transparent 62%),
        linear-gradient(180deg, #050507, #020203) !important;
}

[data-page-boundary] .container,
.sp-page-boundary .container,
.sp-support-boundary .container,
.sp-catalog-boundary .container,
.sp-gifts-boundary .container,
.sp-investor-boundary .container,
.sp-pitch-boundary .container {
    position: relative;
}

[data-page-boundary] .card,
[data-page-boundary] [class*="card"],
.sp-page-boundary [class*="card"],
.sp-support-boundary [class*="card"],
.sp-catalog-boundary [class*="card"],
.sp-gifts-boundary [class*="card"],
.sp-investor-boundary [class*="card"],
.sp-pitch-boundary [class*="card"] {
    border-color: rgba(255,255,255,0.13) !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.38) !important;
}
/* /sp-cinematic-rebuild-v1-page-global */