:root{color-scheme:light;--brand:#c2410c;--brand-900:#7c2d12;--bg-glow-1:rgba(251,146,60,.28);--bg-glow-2:hsla(23,74%,66%,.22);--ink:#fffcf8;--ink-2:#f6f0ea;--text:#0f172a;--text-soft:#475569;--muted:#475569;--card:#fff;--card-border:rgba(15,23,42,.08);--card-shadow:0 18px 45px rgba(15,23,42,.1);--badge-border:rgba(15,23,42,.12);--badge-bg-start:hsla(0,0%,100%,.92);--badge-bg-end:hsla(0,0%,100%,.5);--footer:#64748b;--ring:rgba(194,65,12,.2);--ghost-border:rgba(148,163,184,.4);--ghost-border-hover:rgba(194,65,12,.55)}[data-theme=dark]{color-scheme:dark;--bg-glow-1:rgba(194,65,12,.12);--bg-glow-2:rgba(124,45,18,.18);--ink:#0b0b0b;--ink-2:#111;--text:#e5e7eb;--text-soft:#cbd5e1;--muted:#94a3b8;--card:#0f1115;--card-border:rgba(148,163,184,.14);--card-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.04);--badge-border:rgba(148,163,184,.18);--badge-bg-start:hsla(0,0%,100%,.06);--badge-bg-end:hsla(0,0%,100%,.02);--footer:#94a3b8;--ring:rgba(194,65,12,.35);--ghost-border:rgba(148,163,184,.25);--ghost-border-hover:rgba(194,65,12,.45)}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif;background:radial-gradient(1200px 600px at 10% -10%,var(--bg-glow-1),transparent 60%),radial-gradient(1000px 500px at 110% 10%,var(--bg-glow-2),transparent 55%),linear-gradient(180deg,var(--ink),var(--ink-2));color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .4s ease,color .2s ease}.wrap{max-width:1120px;margin:0 auto;padding:40px 20px 80px;display:flex;flex-direction:column;gap:28px}header{justify-content:space-between;gap:16px;flex-wrap:wrap}.brand,header{display:flex;align-items:center}.brand{gap:14px}.brand img{height:28px;width:auto;display:block;filter:drop-shadow(0 2px 12px rgba(0,0,0,.4))}.brand .fallback{font-weight:600;letter-spacing:.2px}.badge{font-size:12px;color:var(--muted);border:1px solid var(--badge-border);padding:6px 10px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,var(--badge-bg-start),var(--badge-bg-end))}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.hero{display:flex;flex-direction:column;gap:8px;margin-top:8px}.hero h1{margin:0;font-weight:300;font-size:clamp(28px,4vw,40px);letter-spacing:.2px;line-height:1.15}.hero p{margin:0;color:var(--text-soft);font-size:15px}.grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-top:14px}@media (min-width:780px){.grid{grid-template-columns:1fr 1fr}}.card{position:relative;border-radius:18px;padding:22px;background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden}.card:after{content:"";position:absolute;inset:-1px;border-radius:20px;background:radial-gradient(260px 120px at 80% -10%,rgba(194,65,12,.25),transparent 60%);pointer-events:none;opacity:.6;transition:opacity .2s ease}.card:hover{transform:translateY(-2px);border-color:rgba(194,65,12,.35);box-shadow:0 18px 45px rgba(0,0,0,.35),0 0 0 6px var(--ring)}.card:hover:after{opacity:.85}.kicker{color:var(--muted);font-size:12px;letter-spacing:.6px;text-transform:uppercase}.title{margin:6px 0 10px;font-size:20px;font-weight:500;letter-spacing:.2px}.desc{margin:0;color:var(--text-soft);font-size:14px;line-height:1.5}.actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--brand);color:#fff;padding:10px 14px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 18px rgba(194,65,12,.35);transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.btn:hover{background:var(--brand-900);transform:translateY(-1px);box-shadow:0 10px 24px rgba(124,45,18,.45)}.ghost{background:transparent;border-color:var(--ghost-border);color:var(--text);box-shadow:none}[data-theme=dark] .ghost{color:#e2e8f0}.ghost:hover{border-color:var(--ghost-border-hover);box-shadow:0 6px 18px rgba(194,65,12,.15)}.toggle{border:1px solid var(--ghost-border);background:transparent;color:var(--text);padding:9px 16px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .2s ease,color .2s ease}.toggle:hover{border-color:var(--ghost-border-hover);background:rgba(194,65,12,.08);color:var(--brand-900)}.toggle-icon{padding:6px 10px;display:inline-flex;align-items:center;justify-content:center}footer{margin-top:28px;color:var(--footer);font-size:12px;text-align:center}.btn:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:12px}.toggle:focus-visible{outline-offset:2px;border-radius:999px}.login-section{display:flex;justify-content:center;margin-top:20px}.login-card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:18px;padding:32px;max-width:440px;width:100%}.login-card h2{margin:0 0 8px;font-size:24px;font-weight:300;letter-spacing:.2px;color:var(--text)}.login-subtitle{margin:0 0 24px;color:var(--text-soft);font-size:14px}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:6px}.inline-icon{display:inline}.input-wrapper{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.input-wrapper input{width:100%;padding:12px 12px 12px 44px;border:1px solid var(--card-border);border-radius:10px;font-size:14px;background:var(--card);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.input-wrapper input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:var(--brand)}.btn-primary{margin-top:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled,.btn:disabled:hover{transform:none;box-shadow:0 4px 12px rgba(194,65,12,.2)}.btn:disabled:hover{background:var(--brand)}.flex-center{display:flex;align-items:center;justify-content:center;gap:8px}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.alert-error{padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:10px;margin-bottom:16px}.alert-error p{margin:0;color:#dc2626;font-size:14px}.alert-success{padding:12px 16px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:10px;margin-bottom:16px}.alert-success p{margin:0;color:#16a34a;font-size:14px}.loading-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px}.loading-container p{margin:0;color:var(--text-soft);font-size:15px}.no-access-card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:18px;padding:32px;max-width:560px;margin:0 auto;text-align:center}.no-access-card h2{margin:0 0 16px;font-size:24px;font-weight:500;color:var(--text)}.no-access-card p{margin:0 0 12px;color:var(--text-soft);font-size:15px;line-height:1.6}.no-access-card a{color:var(--brand);text-decoration:none;font-weight:500}.no-access-card a:hover{text-decoration:underline}.no-access-card .btn{margin-top:24px}