@charset "UTF-8";@font-face{font-family:Switzer;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/switzer-300.woff2) format("woff2")}@font-face{font-family:Switzer;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/switzer-400.woff2) format("woff2")}@font-face{font-family:Switzer;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/switzer-500.woff2) format("woff2")}@font-face{font-family:Switzer;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/switzer-600.woff2) format("woff2")}@font-face{font-family:Switzer;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/switzer-700.woff2) format("woff2")}@font-face{font-family:Google Sans Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/google-sans-code-var.woff2) format("woff2")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/fonts/material-symbols-outlined.woff2) format("woff2")}app-login,app-register,app-auth-shell{display:block}.access-page{--a-bg: #061a19;--a-aside-bg: #082220;--a-ink: #e8f5f1;--a-ink-soft: #cfe6e0;--a-muted: #9dbdb6;--a-mono: #6fbfa8;--a-mono-dim: #5f8f88;--a-mono-faint: #4d7a73;--a-mono-ghost: #3f6b64;--a-accent: #26ffae;--a-solar: #fdc358;--a-danger: #ff8a7a;--a-field-bg: rgba(11, 60, 57, .3);--a-field-border: rgba(255, 255, 255, .1);--a-hairline: rgba(255, 255, 255, .09);--a-mono-font: var(--font-mono, "Google Sans Code", ui-monospace, monospace);position:relative;box-sizing:border-box;padding-top:var(--navbar-offset);background:var(--a-bg);color:var(--a-ink);font-family:var(--font-body)}.access-page *,.access-page *:before,.access-page *:after{box-sizing:border-box}.access-page a{color:var(--a-accent);text-decoration:none}.access-page a:hover{color:var(--a-solar)}.access-page ::selection{background:var(--a-accent);color:#06211f}.access-page input::placeholder{color:var(--a-mono-faint)}.access-page .auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 40px;height:34px;background:#0b3c3999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--a-mono-font);font-size:10.5px;letter-spacing:.14em;color:var(--a-mono)}.access-page .auth-topbar-links{display:flex;gap:22px}.access-page .auth-topbar a{color:var(--a-mono)}.access-page .auth-topbar a:hover{color:var(--a-solar)}.access-page .auth-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:14px 40px;border-bottom:1px solid rgba(38,255,174,.1);background:#061a19eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:800}.access-page .auth-logo{display:flex;align-items:center;gap:10px;font-family:var(--a-mono-font);font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--a-accent)}.access-page .auth-nav{display:flex;gap:4px;font-size:14px;font-weight:500}.access-page .auth-nav a{padding:8px 16px;border-radius:8px;color:var(--a-muted);transition:background .15s,color .15s}.access-page .auth-nav a:hover{color:var(--a-ink);background:#ffffff0a}.access-page .auth-nav a.is-active{color:var(--a-accent);background:#26ffae14}.access-page .auth-header-actions{display:flex;align-items:center;gap:12px}.access-page .auth-btn-ghost{border:0;background:transparent;cursor:pointer;padding:8px 10px;color:var(--a-ink-soft);font-family:var(--font-body);font-size:13.5px;font-weight:500}.access-page .auth-btn-ghost:hover{color:var(--a-ink)}.access-page .auth-btn-solid{border:0;cursor:pointer;padding:9px 18px;border-radius:var(--radius-pill);background:var(--a-accent);color:#06211f;font-family:var(--font-body);font-size:13px;font-weight:700;transition:filter .15s}.access-page .auth-btn-solid:hover{filter:brightness(1.06)}.access-page .auth-split{display:grid;grid-template-columns:1.12fr 1fr;align-items:stretch;min-height:calc(100vh - var(--navbar-offset))}.access-page .auth-form-col{position:relative;display:flex;flex-direction:column;padding:26px 56px 34px;background-image:radial-gradient(620px 420px at 8% 4%,rgba(38,255,174,.12),transparent 70%),radial-gradient(520px 420px at 92% 96%,rgba(253,195,88,.07),transparent 72%)}.access-page .auth-form-fill{flex:1;display:flex;align-items:center;padding:20px 0 26px}.access-page .auth-form-inner{width:100%;max-width:548px;display:flex;flex-direction:column;gap:20px}.access-page .auth-tabs{display:flex;gap:3px;padding:3px;border-radius:var(--radius-pill);align-self:flex-start;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.access-page .auth-tab{border:0;cursor:pointer;padding:8px 22px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:13px;font-weight:600;background:transparent;color:var(--a-muted);transition:all .15s}.access-page .auth-tab.is-active{background:var(--a-accent);color:#06211f}.access-page .auth-heading{display:flex;flex-direction:column;gap:8px}.access-page .auth-title{margin:0;font-family:var(--a-mono-font);font-weight:700;font-size:34px;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.access-page .auth-subtitle{margin:0;font-size:14.5px;line-height:1.5;color:var(--a-muted)}.access-page .auth-fields{display:flex;flex-direction:column;gap:13px}.access-page .auth-field{display:flex;flex-direction:column;gap:7px;min-width:0}.access-page .auth-flabel{display:flex;align-items:baseline;gap:8px;font-family:var(--a-mono-font);font-size:9.5px;letter-spacing:.14em;color:var(--a-mono-dim)}.access-page .auth-slug{letter-spacing:.02em;text-transform:none;color:var(--a-mono-ghost)}.access-page .auth-slug b{color:var(--a-accent);font-weight:400}.access-page .auth-input-wrap{display:flex;align-items:center;gap:11px;padding:0 12px 0 14px;border-radius:var(--radius-control);border:1px solid var(--a-field-border);background:var(--a-field-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff0f;transition:border-color .15s,box-shadow .15s}.access-page .auth-input-wrap:focus-within{border-color:#26ffae73;box-shadow:inset 0 1px #ffffff0f,0 0 0 3px #26ffae1a}.access-page .auth-input{flex:1;min-width:0;padding:13px 0;background:transparent;border:0;color:var(--a-ink);font-family:var(--font-body);font-size:14.5px}.access-page .auth-input-icon{flex:none;color:var(--a-mono-faint);display:grid;place-items:center}.access-page .auth-eye{flex:none;border:0;background:transparent;cursor:pointer;padding:4px;display:grid;place-items:center;color:var(--a-mono-dim)}.access-page .auth-eye:hover{color:var(--a-accent)}.access-page .auth-pass-row{display:grid;gap:11px}.access-page .auth-pass-row.is-split{grid-template-columns:1fr 1fr}.access-page .auth-username-status{display:flex;align-items:center;gap:7px;font-family:var(--a-mono-font);font-size:9.5px;letter-spacing:.1em}.access-page .auth-username-status.is-ok{color:var(--a-accent)}.access-page .auth-username-status.is-bad{color:var(--a-danger)}.access-page .auth-username-status.is-checking{color:var(--a-mono)}.access-page .auth-username-status button{border:0;background:transparent;color:var(--a-solar);cursor:pointer;font-family:var(--a-mono-font);font-size:9.5px;letter-spacing:.1em;padding:0;text-decoration:underline}.access-page .auth-strength{display:flex;flex-direction:column;gap:7px}.access-page .auth-strength-bars{display:flex;gap:5px}.access-page .auth-bar{flex:1;height:3px;border-radius:var(--radius-pill);background:#ffffff14;transition:background .2s}.access-page .auth-strength-label{font-family:var(--a-mono-font);font-size:9.5px;letter-spacing:.12em}.access-page .auth-remember-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:2px}.access-page .auth-remember{display:flex;align-items:center;gap:10px;border:0;background:transparent;cursor:pointer;padding:0;min-height:24px;color:var(--a-ink-soft);font-family:var(--font-body);font-size:13.5px}.access-page .auth-check{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);background:transparent;color:#06211f;font-size:11px;font-weight:700;transition:all .15s}.access-page .auth-check.is-on{border-color:var(--a-accent);background:var(--a-accent)}.access-page .auth-forgot{font-size:13.5px;display:inline-flex;align-items:center;min-height:24px}.access-page .auth-terms-card{display:flex;align-items:flex-start;gap:11px;text-align:left;cursor:pointer;padding:13px 14px;border-radius:var(--radius-control);border:1px solid var(--a-field-border);background:#0b3c393d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--a-ink-soft);font-family:var(--font-body);font-size:13px;line-height:1.45}.access-page .auth-terms-card.is-error{border-color:#ff8a7a80}.access-page .auth-terms-card .auth-check{flex:none;margin-top:1px}.access-page .auth-terms-card{flex-wrap:wrap;cursor:default}.access-page .auth-check-input{flex:none;width:20px;height:20px;margin:1px 0 0;border-radius:6px;accent-color:var(--a-accent);cursor:pointer}.access-page .auth-terms-text{flex:1 1 14rem;cursor:pointer;color:var(--a-ink-soft)}.access-page .auth-terms-links{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding-left:29px;font-size:12.5px}.access-page .auth-terms-links a{color:var(--a-accent);text-decoration:underline;padding:6px 0}.access-page .auth-cta{margin-top:4px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;padding:15px 24px;border-radius:var(--radius-pill);border:0;font-family:var(--font-body);font-size:14.5px;font-weight:700;background:var(--a-accent);color:#06211f;box-shadow:0 18px 44px -20px #26ffaee6;transition:all .15s}.access-page .auth-cta:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.access-page .auth-cta.is-blocked{background:#26ffae24;color:var(--a-accent);box-shadow:none}.access-page .auth-cta:disabled{opacity:.75;cursor:default}.access-page .auth-error{display:flex;align-items:center;gap:8px;font-family:var(--a-mono-font);font-size:10px;letter-spacing:.08em;color:var(--a-danger)}.access-page .auth-divider{display:flex;align-items:center;gap:14px;padding:4px 0}.access-page .auth-divider span.line{flex:1;height:1px;background:var(--a-hairline)}.access-page .auth-divider span.text{font-family:var(--a-mono-font);font-size:9.5px;letter-spacing:.16em;color:var(--a-mono-faint)}.access-page .auth-social{display:grid;grid-template-columns:1fr 1fr;gap:11px}.access-page .auth-social.is-single{grid-template-columns:1fr}.access-page .auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;padding:13px 16px;border-radius:var(--radius-control);border:1px solid rgba(255,255,255,.11);background:#ffffff0d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--a-ink);font-family:var(--font-body);font-size:13.5px;font-weight:600;transition:background .15s}.access-page .auth-social-btn:hover{background:#ffffff17}.access-page .auth-social-btn:disabled{opacity:.6;cursor:default}.access-page .auth-form-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13.5px;color:var(--a-muted)}.access-page .auth-form-foot a{font-weight:600}.access-page .auth-form-foot .mono{font-family:var(--a-mono-font);font-size:9.5px;letter-spacing:.14em;color:var(--a-mono-ghost)}.access-page .auth-aside{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:36px;padding:40px 48px;background-color:var(--a-aside-bg);background-image:radial-gradient(760px 620px at 78% 6%,rgba(38,255,174,.2),transparent 68%),radial-gradient(620px 520px at 20% 92%,rgba(253,195,88,.1),transparent 70%)}.access-page .auth-aside-art{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.access-page .auth-aside-edge{position:absolute;top:0;left:0;width:1px;height:100%;z-index:1;background:linear-gradient(180deg,transparent,rgba(38,255,174,.35),transparent)}.access-page .auth-aside>*:not(.auth-aside-art):not(.auth-aside-edge){position:relative;z-index:1}.access-page .auth-aside-head{display:flex;flex-direction:column;gap:26px}.access-page .auth-aside-kicker{display:flex;align-items:center;gap:12px;font-family:var(--a-mono-font);font-size:10px;letter-spacing:.18em;color:var(--a-solar)}.access-page .auth-aside-kicker span.tick{width:22px;height:1px;background:var(--a-solar)}.access-page .auth-aside-headline{margin:0;font-family:var(--a-mono-font);font-weight:600;font-size:30px;line-height:1.28;letter-spacing:-.04em;max-width:15ch;text-wrap:pretty}.access-page .auth-aside-headline b{color:var(--a-solar);font-weight:600}.access-page .auth-aside-block{display:flex;flex-direction:column;gap:22px}.access-page .auth-user-card{display:flex;align-items:center;gap:14px;padding:15px 17px;border-radius:var(--radius-card);border:1px solid var(--a-field-border);background:#0b3c3952;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff14}.access-page .auth-user-ring{flex:none;width:46px;height:46px;border-radius:50%;padding:3px;background:conic-gradient(from 210deg,#26ffae,#fdc358,#a78bfa,#26ffae)}.access-page .auth-user-ring>span{width:100%;height:100%;border-radius:50%;border:2px solid var(--a-aside-bg);background:radial-gradient(120% 120% at 30% 20%,#26ffae3d,#0b3c39f2);display:grid;place-items:center;font-family:var(--a-mono-font);font-weight:700;font-size:14px;color:var(--a-accent)}.access-page .auth-user-meta{min-width:0;display:flex;flex-direction:column;gap:3px}.access-page .auth-user-name{font-family:var(--a-mono-font);font-weight:600;font-size:14px;letter-spacing:-.02em}.access-page .auth-user-sub{font-family:var(--a-mono-font);font-size:10px;letter-spacing:.1em;color:var(--a-mono)}.access-page .auth-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;border-radius:var(--radius-card);overflow:hidden;border:1px solid rgba(38,255,174,.18);background:#26ffae0f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff14}.access-page .auth-stat{padding:16px 14px;display:flex;flex-direction:column;gap:4px;border-left:1px solid rgba(255,255,255,.06)}.access-page .auth-stat b{font-family:var(--a-mono-font);font-weight:700;font-size:21px}.access-page .auth-stat span{font-family:var(--a-mono-font);font-size:9px;letter-spacing:.14em;color:var(--a-mono-dim)}.access-page .auth-perks{display:flex;flex-direction:column;gap:10px}.access-page .auth-perk{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:var(--radius-media);border:1px solid rgba(255,255,255,.09);background:#0b3c394d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff12}.access-page .auth-perk-num{flex:none;width:34px;height:34px;border-radius:var(--radius-control);display:grid;place-items:center;background:#26ffae1f;border:1px solid rgba(38,255,174,.24);font-family:var(--a-mono-font);font-weight:700;font-size:11px;color:var(--a-accent)}.access-page .auth-perk-body{min-width:0;display:flex;flex-direction:column;gap:2px}.access-page .auth-perk-title{font-family:var(--a-mono-font);font-weight:600;font-size:13.5px;letter-spacing:-.02em}.access-page .auth-perk-text{font-size:12.5px;color:var(--a-muted)}@media(max-width:1040px){.access-page .auth-form-col{padding:24px 36px 30px}.access-page .auth-aside{padding:32px 34px}}@media(max-width:900px){.access-page .auth-split{grid-template-columns:1fr}.access-page .auth-aside{display:none}.access-page .auth-form-inner{max-width:460px;margin:0 auto}.access-page .auth-nav{display:none}}@media(max-width:560px){.access-page .auth-topbar{padding:0 18px}.access-page .auth-topbar-links a:not(:last-child){display:none}.access-page .auth-header{padding:12px 18px;gap:12px}.access-page .auth-form-col{padding:20px 18px 26px}.access-page .auth-pass-row.is-split{grid-template-columns:1fr}.access-page .auth-title{font-size:28px}.access-page .auth-header-actions .auth-btn-ghost{display:none}}@font-face{font-family:Switzer Fallback;src:local("Arial");size-adjust:107%;ascent-override:92%;descent-override:24%;line-gap-override:0%}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--brand-primary: #0b3c39;--brand-primary-strong: #082b29;--brand-primary-soft: #0f4e4a;--brand-accent: #26ffae;--brand-accent-fill: #26ffae;--fg-on-accent-fill: #04231f;--brand-accent-strong: #1ce89b;--brand-accent-soft: #84ffce;--brand-solar: #fdc359;--brand-solar-fill: #fdc359;--fg-on-solar-fill: #3a2207;--brand-solar-strong: #f3a522;--brand-solar-soft: #ffe2a8;--bg-canvas: #061615;--bg-base: #0a1f1d;--bg-elevated: #102826;--bg-raised: #163532;--bg-tint: #0e2422;--color-primary: var(--brand-primary);--color-secondary: var(--brand-accent);--color-tertiary: var(--brand-solar);--fg-primary: #f1f4f3;--fg-secondary: #c2cac6;--fg-muted: #8a9490;--fg-subtle: #5e6965;--fg-inverse: #0a1f1d;--fg-on-accent: #04231f;--fg-on-solar: #3a2207;--color-success: #26ffae;--color-success-soft: rgba(38, 255, 174, .16);--color-danger: #ff5c5c;--color-danger-soft: rgba(255, 92, 92, .15);--color-warning: var(--brand-solar);--color-warning-soft: rgba(253, 195, 89, .18);--color-info: #5ed3ff;--color-info-soft: rgba(94, 211, 255, .16);--color-purple: #c084fc;--color-purple-soft: rgba(192, 132, 252, .16);--color-orange: #fb923c;--color-orange-soft: rgba(251, 146, 60, .18);--color-gold: var(--brand-solar);--color-gold-dark: var(--brand-solar-strong);--color-gold-soft: var(--color-warning-soft);--color-easy: #26ffae;--color-easy-soft: rgba(38, 255, 174, .18);--color-medium: var(--brand-solar);--color-medium-soft: rgba(253, 195, 89, .2);--color-silver: #c0c0c0;--color-bronze: #cd7f32;--surface: var(--bg-elevated);--surface-elevated: var(--bg-elevated);--surface-raised: var(--bg-raised);--surface-low: var(--bg-tint);--surface-glass: rgba(16, 40, 38, .65);--surface-glass-hover: rgba(22, 53, 50, .85);--surface-glass-strong: rgba(12, 34, 32, .94);--glass-bg: rgba(10, 31, 29, .7);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(38, 255, 174, .32);--border-solar: rgba(253, 195, 89, .4);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 2px 6px rgba(4, 18, 16, .28);--shadow-md: 0 8px 24px -8px rgba(4, 18, 16, .45);--shadow-lg: 0 24px 60px -12px rgba(4, 18, 16, .6);--shadow-xl: 0 40px 100px -20px rgba(4, 18, 16, .7);--shadow-card: 0 4px 24px -8px rgba(4, 18, 16, .5);--shadow-glow: 0 0 28px rgba(38, 255, 174, .32);--shadow-solar: 0 0 32px rgba(253, 195, 89, .28);--shadow-ring: 0 0 0 1px rgba(38, 255, 174, .4), 0 0 32px -4px rgba(38, 255, 174, .4);--blur-chrome: 24px;--blur-card: 18px;--blur-modal: 32px;--glass-saturate: 150%;--grad-glass-chrome: linear-gradient( 180deg, rgba(22, 53, 50, .85) 0%, rgba(14, 36, 34, .7) 100% );--grad-glass-card: linear-gradient( 135deg, rgba(22, 53, 50, .78) 0%, rgba(14, 36, 34, .6) 100% );--grad-glass-card-hover: linear-gradient( 135deg, rgba(28, 64, 60, .88) 0%, rgba(18, 46, 43, .7) 100% );--grad-glass-modal: linear-gradient( 180deg, rgba(28, 64, 60, .95) 0%, rgba(14, 36, 34, .85) 100% );--grad-glass-chrome-solid: linear-gradient( 180deg, rgba(22, 53, 50, .97) 0%, rgba(14, 36, 34, .95) 100% );--grad-glass-card-solid: linear-gradient( 135deg, rgba(22, 53, 50, .96) 0%, rgba(14, 36, 34, .94) 100% );--grad-glass-modal-solid: linear-gradient( 180deg, rgba(28, 64, 60, .98) 0%, rgba(14, 36, 34, .97) 100% );--grad-brand: linear-gradient(135deg, #0b3c39 0%, #082b29 100%);--grad-accent: linear-gradient(135deg, #26ffae 0%, #1ce89b 100%);--grad-solar: linear-gradient(135deg, #fdc359 0%, #f3a522 100%);--grad-hero: linear-gradient( 180deg, rgba(6, 22, 20, 0) 0%, rgba(6, 22, 20, .7) 60%, rgba(6, 22, 20, .95) 100% ), radial-gradient( ellipse at top right, rgba(38, 255, 174, .18) 0%, transparent 55% ), radial-gradient( ellipse at bottom left, rgba(253, 195, 89, .08) 0%, transparent 50% );--grad-text: linear-gradient(180deg, #f1f4f3 0%, #c2cac6 100%);--grad-text-accent: linear-gradient(135deg, #26ffae 0%, #84ffce 100%);--grad-elevation: linear-gradient(180deg, #0b3c39 0%, #26ffae 100%);--font-display: "Google Sans Code", "JetBrains Mono", ui-monospace, monospace;--font-body: "Switzer", "Switzer Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Google Sans Code", "JetBrains Mono", ui-monospace, monospace;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.375rem;--fs-xl: 1.75rem;--fs-2xl: 2.25rem;--fs-3xl: 3rem;--fs-4xl: 4rem;--fs-5xl: 5.5rem;--fs-6xl: clamp(4rem, 10vw, 9rem);--fs-7xl: clamp(5rem, 14vw, 12rem);--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.7;--tracking-tight: -.04em;--tracking-snug: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-eyebrow: .18em;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-3xl: 3rem;--radius-card: var(--radius-lg);--radius-media: .8125rem;--radius-control: var(--radius-md);--radius-pill: 9999px;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--space-5xl: 96px;--space-6xl: 128px;--space-7xl: 192px;--ease-liquid: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-emph: cubic-bezier(.22, 1, .36, 1);--motion-lift: -2px;--motion-tilt: 0deg;--duration-fast: .1s;--duration-base: .15s;--duration-slow: .2s;--duration-cinema: .4s;--transition-fast: var(--duration-fast) linear;--transition-base: var(--duration-base) linear;--transition-slow: var(--duration-slow) linear;--rank-dominguero: #a1887f;--rank-explorador: #5ed3ff;--rank-cabra: var(--brand-accent);--rank-sherpa: #c084fc;--rank-leyenda: var(--brand-solar);--premium-glow: 0 0 12px var(--brand-solar);--z-base: 1;--z-sticky: 50;--z-fixed: 100;--z-dropdown: 200;--z-modal: 1000;--z-toast: 9999;--layout-max: 1440px;--layout-gutter: clamp(16px, 4vw, 48px);--navbar-height: 72px;--navbar-offset: 104.5px;color-scheme:dark}:root{--app-page-bg: #061a19;--app-ambient-grain-opacity: .025}[data-theme=light]{--app-page-bg: #f5f3ed;--app-ambient-grain-opacity: .012;--bg-canvas: #f5f3ed;--bg-base: #faf8f3;--bg-elevated: #ffffff;--bg-raised: #ffffff;--bg-tint: #ece8dd;--fg-primary: #0a1f1d;--fg-secondary: #1a3a36;--fg-muted: #5e6965;--fg-subtle: #8a9490;--fg-inverse: #f1f4f3;--fg-on-accent: #04231f;--fg-on-solar: #3a2207;--surface: var(--bg-elevated);--surface-elevated: var(--bg-elevated);--surface-raised: var(--bg-elevated);--surface-low: var(--bg-tint);--surface-glass: rgba(255, 255, 255, .78);--surface-glass-hover: rgba(255, 255, 255, .95);--surface-glass-strong: rgba(255, 255, 255, .96);--glass-bg: rgba(255, 255, 255, .75);--border-subtle: rgba(11, 60, 57, .08);--border-default: rgba(11, 60, 57, .14);--border-strong: rgba(11, 60, 57, .4);--border-solar: rgba(243, 165, 34, .4);--shadow-xs: 0 1px 2px rgba(11, 60, 57, .08);--shadow-sm: 0 2px 6px rgba(11, 60, 57, .1);--shadow-md: 0 8px 24px -8px rgba(11, 60, 57, .15);--shadow-lg: 0 24px 60px -12px rgba(11, 60, 57, .22);--shadow-xl: 0 40px 100px -20px rgba(11, 60, 57, .3);--shadow-card: 0 4px 24px -8px rgba(11, 60, 57, .14);--shadow-glow: 0 0 28px rgba(38, 255, 174, .4);--shadow-solar: 0 0 32px rgba(243, 165, 34, .32);--shadow-ring: 0 0 0 1px rgba(11, 60, 57, .2), 0 0 24px -4px rgba(38, 255, 174, .3);--grad-glass-chrome: linear-gradient( 180deg, rgba(255, 255, 255, .92) 0%, rgba(245, 243, 237, .8) 100% );--grad-glass-card: linear-gradient( 135deg, rgba(255, 255, 255, .95) 0%, rgba(245, 243, 237, .8) 100% );--grad-glass-card-hover: linear-gradient( 135deg, rgba(255, 255, 255, 1) 0%, rgba(250, 248, 243, .9) 100% );--grad-glass-modal: linear-gradient( 180deg, rgba(255, 255, 255, .98) 0%, rgba(250, 248, 243, .95) 100% );--grad-glass-chrome-solid: linear-gradient( 180deg, rgba(255, 255, 255, .99) 0%, rgba(245, 243, 237, .97) 100% );--grad-glass-card-solid: linear-gradient( 135deg, rgba(255, 255, 255, 1) 0%, rgba(245, 243, 237, .97) 100% );--grad-glass-modal-solid: linear-gradient( 180deg, rgba(255, 255, 255, 1) 0%, rgba(250, 248, 243, .99) 100% );--fg-on-accent: #fdc358;--fg-on-solar: #ffffff;--fg-subtle: #5f6b66;--brand-primary-soft: #125e58;--brand-accent: #05603e;--brand-accent-strong: #02593a;--brand-accent-soft: #0d8a5c;--brand-solar: #8a5a00;--brand-solar-strong: #6d4600;--brand-solar-soft: #a97213;--brand-solar-fill: #fdc359;--brand-accent-fill: #26ffae;--fg-on-accent-fill: #04231f;--fg-on-solar-fill: #3a2207;--color-success: #046b45;--color-danger: #c62222;--color-info: #0a6a92;--color-purple: #7a2fd6;--color-orange: #a04a04;--color-easy: #046b45;--color-silver: #616a6f;--color-bronze: #8a5522;--color-success-soft: rgba(4, 107, 69, .12);--color-danger-soft: rgba(198, 34, 34, .12);--color-warning-soft: rgba(138, 90, 0, .14);--color-info-soft: rgba(10, 106, 146, .12);--color-purple-soft: rgba(122, 47, 214, .12);--color-orange-soft: rgba(160, 74, 4, .12);--color-easy-soft: rgba(4, 107, 69, .12);--color-medium-soft: rgba(138, 90, 0, .14);--rank-dominguero: #7a6259;--rank-explorador: #0a6a92;--rank-sherpa: #7a2fd6;--premium-glow: 0 0 12px rgba(138, 90, 0, .35);--grad-accent: linear-gradient(135deg, #05603e 0%, #02593a 100%);--grad-solar: linear-gradient(135deg, #8a5a00 0%, #6d4600 100%);--grad-text: linear-gradient(180deg, #0a1f1d 0%, #1a3a36 100%);--grad-text-accent: linear-gradient(135deg, #046b45 0%, #0d8a5c 100%);--grad-elevation: linear-gradient(180deg, #0b3c39 0%, #046b45 100%);--grad-hero: linear-gradient( 180deg, rgba(245, 243, 237, 0) 0%, rgba(245, 243, 237, .55) 55%, rgba(245, 243, 237, .92) 100% );color-scheme:light}*,*:before,*:after{box-sizing:border-box}:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px;border-radius:2px}.skip-link{position:absolute;left:var(--space-md);top:-100%;z-index:10000;padding:var(--space-sm) var(--space-lg);background:var(--brand-accent);color:var(--fg-on-accent);border-radius:var(--radius-control);font-family:var(--font-display);font-weight:var(--weight-semibold);text-decoration:none;transition:top .15s ease}.skip-link:focus{top:var(--space-md)}@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}html,body{margin:0;padding:0;background:var(--bg-canvas);color:var(--fg-primary);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal);font-feature-settings:"ss01","cv11","kern";font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;transition:background-color var(--duration-slow) var(--ease-liquid),color var(--duration-slow) var(--ease-liquid)}body{min-height:100vh;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}@media(prefers-reduced-data:reduce){html{scroll-behavior:auto}}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-accent)}img,svg,video{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,textarea,select{font:inherit;color:inherit}::selection{background:var(--brand-accent);color:var(--fg-on-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:50%}::-webkit-scrollbar-thumb:hover{background:var(--brand-accent)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--lh-tight);letter-spacing:var(--tracking-snug);color:var(--fg-primary)}h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5{font-size:var(--fs-md)}h6{font-size:var(--fs-base)}p{margin:0;line-height:var(--lh-relaxed);color:var(--fg-secondary)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--fs-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--brand-accent)}.eyebrow:before{content:"";width:24px;height:1px;background:currentColor}.eyebrow-solar{color:var(--brand-solar)}.display{font-family:var(--font-display);font-size:var(--fs-5xl);font-weight:var(--weight-semibold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg-primary)}.display-hero{font-family:var(--font-display);font-size:var(--fs-7xl);font-weight:var(--weight-semibold);line-height:.92;letter-spacing:var(--tracking-tight);color:var(--fg-primary)}.display-mono{font-family:var(--font-display);font-feature-settings:"tnum","zero";font-variant-numeric:tabular-nums}.text-gradient{background:var(--grad-text-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-solar{background:var(--grad-solar);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.container{width:100%;max-width:var(--layout-max);margin:0 auto;padding-inline:var(--layout-gutter)}.container-narrow{width:100%;max-width:960px;margin:0 auto;padding-inline:var(--layout-gutter)}.stack{display:flex;flex-direction:column;gap:var(--space-lg)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-default) 50%,transparent 100%);border:none;margin:0}.section{padding-block:clamp(48px,8vw,128px)}.grid{display:grid;gap:var(--space-xl)}.glass-chrome{background:var(--grad-glass-chrome);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--blur-chrome)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--blur-chrome)) saturate(var(--glass-saturate));contain:paint;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.body-portal-host{position:static}.icon-btn-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);width:44px;height:44px;border-radius:var(--radius-pill);color:var(--fg-primary);background:var(--grad-glass-chrome);border:1px solid var(--border-subtle);cursor:pointer;text-decoration:none;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);isolation:isolate}.icon-btn-pill:hover{transform:translateY(-1px);border-color:var(--border-strong);color:var(--fg-primary);background:var(--grad-glass-card-hover)}.icon-btn-pill.is-active{background:var(--brand-accent);color:var(--fg-on-accent);border-color:transparent;box-shadow:var(--shadow-glow)}.icon-btn-pill .material-symbols-outlined{font-size:20px;font-weight:400}.glass-card{background:var(--grad-glass-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);contain:paint;transition:border-color var(--transition-fast)}.glass-card:hover{border-color:var(--border-strong)}.glass-card--frosted{-webkit-backdrop-filter:blur(var(--blur-card)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--blur-card)) saturate(var(--glass-saturate))}.glass-modal{background:var(--grad-glass-modal);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(var(--blur-modal)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--blur-modal)) saturate(var(--glass-saturate));contain:paint}.btn{--btn-bg: var(--surface-glass);--btn-fg: var(--fg-primary);--btn-border: var(--border-default);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--weight-semibold);line-height:1;letter-spacing:-.01em;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast);isolation:isolate}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;border-radius:inherit}.btn:hover:not(:disabled):after{opacity:1}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{--btn-bg: var(--brand-accent-fill);--btn-fg: var(--fg-on-accent-fill);--btn-border: transparent;box-shadow:0 8px 24px -8px #26ffae80,inset 0 1px #ffffff40}.btn-primary:hover:not(:disabled){--btn-bg: var(--brand-accent-strong);box-shadow:0 12px 32px -8px #26ffae99,inset 0 1px #ffffff4d;transform:translateY(-1px)}.btn-secondary{--btn-bg: var(--surface-elevated);--btn-fg: var(--fg-primary);--btn-border: var(--border-default)}.btn-secondary:hover:not(:disabled){--btn-bg: var(--surface-raised);--btn-border: var(--border-strong)}.btn-ghost{--btn-bg: transparent;--btn-fg: var(--fg-secondary);--btn-border: transparent}.btn-ghost:hover:not(:disabled){--btn-bg: var(--surface-glass);--btn-fg: var(--fg-primary)}.btn-solar{--btn-bg: var(--brand-solar);--btn-fg: var(--fg-on-solar);--btn-border: transparent;box-shadow:var(--shadow-solar)}.btn-solar:hover:not(:disabled){--btn-bg: var(--brand-solar-strong);transform:translateY(-1px)}.btn-dark{--btn-bg: var(--brand-primary);--btn-fg: var(--fg-inverse);--btn-border: transparent}.btn-dark:hover:not(:disabled){--btn-bg: var(--brand-primary-strong)}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:var(--fs-xs)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--fs-base)}.btn-danger{--btn-bg: transparent;--btn-fg: var(--color-danger);--btn-border: color-mix(in srgb, var(--color-danger) 30%, transparent)}.btn-danger:hover:not(:disabled){--btn-bg: color-mix(in srgb, var(--color-danger) 10%, transparent)}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);color:var(--fg-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.icon-btn:hover{color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 12%,transparent);border-color:color-mix(in srgb,var(--brand-accent) 24%,transparent)}.field{display:flex;flex-direction:column;gap:var(--space-sm)}.label{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:var(--fs-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--fg-muted)}.input,.textarea,.select{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--fs-base);color:var(--fg-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-control);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.input::placeholder,.textarea::placeholder{color:var(--fg-subtle)}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-accent) 18%,transparent);background:var(--bg-raised)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:48px}.input-with-icon .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--fg-muted);pointer-events:none}.input-with-icon .input:focus~.input-icon{color:var(--brand-accent)}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 12px;font-family:var(--font-display);font-size:var(--fs-2xs);font-weight:var(--weight-semibold);line-height:1;text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-pill);background:var(--surface-glass);color:var(--fg-secondary);border:1px solid var(--border-subtle);white-space:nowrap}.chip-accent{background:color-mix(in srgb,var(--brand-accent) 18%,transparent);color:var(--brand-accent);border-color:color-mix(in srgb,var(--brand-accent) 32%,transparent)}.chip-solar{background:color-mix(in srgb,var(--brand-solar) 18%,transparent);color:var(--brand-solar);border-color:color-mix(in srgb,var(--brand-solar) 36%,transparent)}.chip-primary{background:color-mix(in srgb,var(--brand-primary) 32%,transparent);color:var(--brand-accent);border-color:color-mix(in srgb,var(--brand-primary) 48%,transparent)}.status-badge{padding:4px 10px;font-family:var(--font-display);font-size:var(--fs-2xs);font-weight:var(--weight-semibold);line-height:1;text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-pill);background:var(--surface-glass);color:var(--fg-secondary)}.status-badge.active{background:var(--color-success-soft);color:var(--color-success)}.status-badge.pending{background:var(--color-gold-soft);color:var(--brand-solar)}.status-badge.paid{background:var(--color-info-soft);color:var(--color-info)}.status-badge.shipped{background:var(--color-purple-soft);color:var(--color-purple)}.status-badge.delivered{background:var(--color-success-soft);color:var(--color-success)}.status-badge.cancelled,.status-badge.failed{background:var(--color-danger-soft);color:var(--color-danger)}.badge-premium_days{background:var(--color-purple-soft);color:var(--color-purple)}.badge-credits{background:var(--color-info-soft);color:var(--color-info)}.badge-discount_percent{background:color-mix(in srgb,var(--brand-primary) 24%,transparent);color:var(--brand-accent)}.difficulty-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 12px;font-family:var(--font-display);font-size:var(--fs-2xs);font-weight:var(--weight-semibold);line-height:1;text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);white-space:nowrap;background:var(--surface-elevated);color:var(--fg-secondary);border:1px solid var(--border-subtle)}.difficulty-badge:before{font-size:.85rem;line-height:1}.difficulty-badge.facil{background:var(--color-easy-soft);color:var(--color-easy);border-color:color-mix(in srgb,var(--color-easy) 30%,transparent)}.difficulty-badge.facil:before{content:"\1f97e"}.difficulty-badge.moderada{background:var(--color-medium-soft);color:var(--color-medium);border-color:color-mix(in srgb,var(--color-medium) 30%,transparent)}.difficulty-badge.moderada:before{content:"\26f0\fe0f"}.difficulty-badge.dificil{background:var(--color-orange-soft);color:var(--color-orange);border-color:color-mix(in srgb,var(--color-orange) 30%,transparent)}.difficulty-badge.dificil:before{content:"\1f3d4\fe0f"}.difficulty-badge.experto{background:var(--color-danger-soft);color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 30%,transparent)}.difficulty-badge.experto:before{content:"\26a0\fe0f"}.difficulty-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.difficulty-dot.facil{background:var(--color-easy)}.difficulty-dot.moderada{background:var(--color-medium)}.difficulty-dot.dificil{background:var(--color-orange)}.difficulty-dot.experto{background:var(--color-danger)}.skeleton{background:linear-gradient(90deg,var(--surface-elevated) 0%,var(--surface-raised) 50%,var(--surface-elevated) 100%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:var(--radius-control)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--brand-accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.loading-spinner.small{width:18px;height:18px;border-width:2px}.loading-spinner.large{width:56px;height:56px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-up{animation:fadeUp var(--duration-base) linear both}.animate-fade-in{animation:fadeIn var(--duration-base) linear both}.animate-scale-in{animation:scaleIn var(--duration-base) linear both}.animate-slide-down{animation:slideDown var(--duration-base) linear both}.topo-bg{position:relative;isolation:isolate}.topo-bg:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'><g fill='none' stroke='%2326ffae' stroke-width='0.6' opacity='0.18'><path d='M0 320 Q100 280 200 290 T 400 270'/><path d='M0 280 Q100 240 200 250 T 400 230'/><path d='M0 240 Q100 200 200 210 T 400 190'/><path d='M0 200 Q100 160 200 170 T 400 150'/><path d='M0 160 Q100 120 200 130 T 400 110'/><path d='M0 120 Q100 80 200 90 T 400 70'/><path d='M0 80 Q100 40 200 50 T 400 30'/><circle cx='200' cy='200' r='40'/><circle cx='200' cy='200' r='80'/><circle cx='200' cy='200' r='120'/></g></svg>");background-size:480px 480px;background-repeat:repeat;z-index:-1;pointer-events:none;opacity:.6;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 0%,transparent 80%);mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 0%,transparent 80%)}.topo-bg-dark:before{opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'><g fill='none' stroke='%2326ffae' stroke-width='0.5' opacity='0.22'><path d='M0 320 Q100 280 200 290 T 400 270'/><path d='M0 280 Q100 240 200 250 T 400 230'/><path d='M0 240 Q100 200 200 210 T 400 190'/><path d='M0 200 Q100 160 200 170 T 400 150'/><path d='M0 160 Q100 120 200 130 T 400 110'/><circle cx='200' cy='200' r='40'/><circle cx='200' cy='200' r='80'/><circle cx='200' cy='200' r='120'/></g></svg>")}.grid-bg{background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:64px 64px;background-position:center;-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 0%,black 0%,transparent 70%);mask-image:radial-gradient(ellipse 70% 50% at 50% 0%,black 0%,transparent 70%)}.grain{position:relative;isolation:isolate}.grain:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.025;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='1' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");display:none}@media(min-width:1024px)and (prefers-reduced-motion:no-preference){.grain:after{display:block}}.toast{position:fixed;bottom:var(--space-xl);right:var(--space-xl);display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--weight-medium);color:var(--fg-primary);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);z-index:var(--z-toast);animation:slideInToast .4s var(--ease-bounce)}.toast-success{background:color-mix(in srgb,var(--color-success) 24%,var(--surface-raised));border-color:color-mix(in srgb,var(--color-success) 40%,transparent);color:var(--color-success)}.toast-error{background:color-mix(in srgb,var(--color-danger) 24%,var(--surface-raised));border-color:color-mix(in srgb,var(--color-danger) 40%,transparent);color:var(--color-danger)}@keyframes slideInToast{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg-base);padding-top:var(--navbar-offset)}.auth-page .auth-form-side{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-2xl)}.auth-page .auth-visual-side{position:relative;overflow:hidden;background:var(--brand-primary)}.auth-form{width:100%;max-width:440px;display:flex;flex-direction:column;gap:var(--space-xl)}.auth-card{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-2xl)}.auth-header{display:flex;flex-direction:column;gap:var(--space-md)}.auth-title{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--weight-semibold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}.auth-subtitle{color:var(--fg-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.form-options{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.remember-me{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--fg-secondary);font-size:var(--fs-sm)}.remember-me input{width:18px;height:18px;accent-color:var(--brand-accent)}.forgot-link{font-size:var(--fs-sm);color:var(--brand-accent);font-weight:var(--weight-medium)}.forgot-link:hover{color:var(--brand-accent-strong)}.error-message{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-danger-soft);border:1px solid color-mix(in srgb,var(--color-danger) 32%,transparent);border-radius:var(--radius-control);color:var(--color-danger);font-size:var(--fs-sm)}.success-message{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-success-soft);border:1px solid color-mix(in srgb,var(--color-success) 32%,transparent);border-radius:var(--radius-control);color:var(--color-success);font-size:var(--fs-sm)}.auth-btn-spinner{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.auth-divider{display:flex;align-items:center;gap:var(--space-md);color:var(--fg-muted);font-family:var(--font-display);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.google-btn,.apple-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-xl);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--fg-primary);font-weight:var(--weight-semibold);font-size:var(--fs-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.google-btn:hover,.apple-btn:hover{border-color:var(--border-strong);background:var(--surface-raised)}.google-btn:disabled,.apple-btn:disabled{opacity:.55;cursor:not-allowed}.social-btn-stack{display:flex;flex-direction:column;gap:var(--space-sm)}.auth-footer{text-align:center;color:var(--fg-muted);font-size:var(--fs-sm)}.auth-footer a{color:var(--brand-accent);font-weight:var(--weight-semibold)}.auth-footer a:hover{color:var(--brand-accent-strong)}.auth-visual{position:relative;display:flex;align-items:flex-end;padding:var(--space-3xl);background:linear-gradient(160deg,#0b3c39,#061615);overflow:hidden}.auth-visual-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-lg);max-width:480px}.auth-visual-quote{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--weight-medium);line-height:1.2;letter-spacing:var(--tracking-snug);color:var(--fg-primary)}.auth-visual-author{display:flex;align-items:center;gap:var(--space-md)}.auth-visual-author img{width:48px;height:48px;border-radius:50%;border:2px solid var(--brand-accent)}@media(max-width:1024px){.auth-page{grid-template-columns:1fr}.auth-page .auth-visual-side{display:none}}@media(max-width:768px){.form-row{grid-template-columns:1fr}.auth-page .auth-form-side{padding:var(--space-xl) var(--space-lg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.glass-card:hover,.glass-chrome:hover{transform:none!important}.skeleton{animation:none}}@media(max-width:768px){:root{--blur-chrome: 12px;--blur-card: 9px;--blur-modal: 16px;--glass-saturate: 100%}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-chrome{background:var(--grad-glass-chrome-solid)}.glass-card--frosted{background:var(--grad-glass-card-solid)}.glass-modal{background:var(--grad-glass-modal-solid)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cv-auto{content-visibility:auto;contain-intrinsic-size:1px 600px}.cv-auto-lg{content-visibility:auto;contain-intrinsic-size:1px 900px}.contain-paint{contain:paint}.contain-strict{contain:strict}.contain-content{contain:content}.boot-splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-canvas);z-index:99999;animation:fadeIn .4s var(--ease-liquid) both}