:root{
  --ink:#03070d;--night:#06111e;--night2:#0a1b30;--panel:rgba(8,20,35,.86);
  --gold:#ddb956;--gold2:#f5df91;--red:#c65049;--blue:#4b89e5;
  --white:#f6f8fb;--muted:#a9b6c7;--line:rgba(221,185,86,.20);--good:#48c77b;
}
*{box-sizing:border-box}
html{background:var(--ink);color-scheme:dark}
body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--white);background:
radial-gradient(circle at 50% -8%,rgba(61,122,209,.28),transparent 34rem),
radial-gradient(circle at 8% 80%,rgba(198,80,73,.11),transparent 28rem),
linear-gradient(180deg,#081727 0,#040a12 61%,#02050a 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:
linear-gradient(115deg,transparent 0 49.8%,rgba(255,255,255,.018) 50%,transparent 50.2%),
radial-gradient(ellipse at 50% 112%,rgba(221,185,86,.09),transparent 42%)}
.arena-floor{position:fixed;z-index:0;left:-10vw;right:-10vw;bottom:-25vh;height:58vh;border-radius:50% 50% 0 0/25% 25% 0 0;
background:repeating-linear-gradient(87deg,rgba(255,255,255,.014) 0 2px,transparent 2px 54px),
linear-gradient(180deg,rgba(182,148,88,.09),rgba(19,12,8,.72));transform:perspective(680px) rotateX(67deg);transform-origin:50% 100%}
.arena-horizon{position:fixed;z-index:0;left:7vw;right:7vw;bottom:24vh;height:1px;background:linear-gradient(90deg,transparent,rgba(221,185,86,.26),transparent);box-shadow:0 0 55px rgba(221,185,86,.2)}
.page{position:relative;z-index:2;width:min(1120px,calc(100% - 32px));margin:0 auto}
.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--white);font-weight:950;letter-spacing:.025em;font-size:18px}
.brand .gold{color:var(--gold)}
.ball{width:42px;height:42px;border-radius:50%;position:relative;border:1px solid rgba(245,223,145,.9);background:
linear-gradient(145deg,transparent 39%,rgba(24,31,39,.45) 40% 42%,transparent 43% 58%,rgba(24,31,39,.42) 59% 61%,transparent 62%),
radial-gradient(circle at 31% 27%,#fff 0 4%,#d9dfe5 8%,#8995a2 28%,#4c5662 54%,#19222b 77%,#080d13 100%);box-shadow:0 0 25px rgba(221,185,86,.19)}
.ball:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;right:-5px;top:-4px;background:var(--red);box-shadow:0 0 15px rgba(198,80,73,.7)}
.nav-actions{display:flex;align-items:center;gap:10px}
.link-btn,.ghost-btn,.gold-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;font-weight:850;cursor:pointer;transition:.2s transform,.2s border-color,.2s background,.2s box-shadow}
.link-btn{color:#aeb9c8;padding:10px 12px;font-size:12px}
.ghost-btn{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#dbe2eb;padding:11px 14px;font-size:12px}
.gold-btn{border:0;color:#07101a;background:linear-gradient(135deg,var(--gold2),var(--gold));padding:14px 18px;font-size:13px;box-shadow:0 12px 34px rgba(221,185,86,.16)}
.gold-btn:hover,.ghost-btn:hover{transform:translateY(-2px)}
.hero{min-height:calc(100vh - 110px);display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:64px;padding:36px 0 80px}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--gold);margin-bottom:16px}
.hero h1{font-size:clamp(48px,7vw,82px);line-height:.95;letter-spacing:-.055em;margin:0 0 22px;max-width:770px}
.hero h1 span{color:var(--gold)}
.hero p{max-width:650px;color:#b5c1d0;font-size:clamp(16px,2vw,19px);line-height:1.65;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-actions .gold-btn,.hero-actions .ghost-btn{padding:16px 20px;font-size:13px}
.portal-card{background:linear-gradient(180deg,rgba(12,29,50,.91),rgba(5,14,26,.93));border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 35px 110px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(16px)}
.mini-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 11px;background:rgba(198,80,73,.14);border:1px solid rgba(198,80,73,.28);font-size:10px;font-weight:900;letter-spacing:.11em;color:#ffb8b2}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 13px rgba(198,80,73,.7)}
.card-title{font-size:26px;margin:0 0 8px}.card-copy{color:var(--muted);line-height:1.55;font-size:14px;margin:0 0 20px}
.steps{display:grid;gap:10px}
.step{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.032);border:1px solid rgba(255,255,255,.045)}
.step-num{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(221,185,86,.09);border:1px solid rgba(221,185,86,.17);color:var(--gold);font-weight:950;font-size:12px}
.step b{display:block;font-size:12px}.step span{display:block;font-size:11px;color:#8090a4;margin-top:3px}
.auth-shell{min-height:calc(100vh - 84px);display:grid;place-items:center;padding:30px 0 80px}
.auth-card{width:min(500px,100%);background:linear-gradient(180deg,rgba(12,28,49,.94),rgba(5,13,24,.96));border:1px solid var(--line);border-radius:29px;padding:32px;box-shadow:0 35px 110px rgba(0,0,0,.5)}
.auth-brand{display:flex;justify-content:center;margin-bottom:18px}
.auth-card h1{text-align:center;font-size:31px;margin:8px 0}.auth-card .intro{text-align:center;color:var(--muted);font-size:14px;line-height:1.55;margin:0 auto 24px;max-width:390px}
.field{margin-top:14px}.field label{display:block;margin:0 0 7px 3px;font-size:11px;font-weight:850;letter-spacing:.05em;color:#d5deea}
.input-wrap{position:relative}
input{width:100%;height:50px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);color:#fff;padding:0 14px;font-size:15px;outline:none}
input:focus{border-color:rgba(221,185,86,.55);box-shadow:0 0 0 4px rgba(221,185,86,.065)}
.form-btn{width:100%;margin-top:21px;height:52px;border:0;border-radius:14px;color:#08101a;background:linear-gradient(135deg,var(--gold2),var(--gold));font-size:13px;font-weight:950;letter-spacing:.07em;cursor:pointer;box-shadow:0 14px 38px rgba(221,185,86,.17)}
.message{margin-top:14px;border-radius:12px;padding:11px 13px;font-size:12px;line-height:1.5;text-align:center}
.message.error{background:rgba(198,80,73,.12);border:1px solid rgba(198,80,73,.28);color:#ffb8b2}
.message.ok{background:rgba(72,199,123,.10);border:1px solid rgba(72,199,123,.24);color:#a5f0c3}
.auth-links{margin-top:18px;text-align:center;color:#7f8fa3;font-size:12px;line-height:1.8}.auth-links a{color:#d7c483;text-decoration:none;font-weight:800}
.secure-note{margin-top:18px;text-align:center;color:#617286;font-size:10px;line-height:1.55}
.password-meter{height:4px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:8px}.password-meter i{display:block;height:100%;width:0;background:var(--gold);transition:.2s width}
.dashboard{padding:35px 0 80px}
.dash-hero{background:linear-gradient(180deg,rgba(12,30,52,.95),rgba(6,15,28,.96));border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:0 30px 100px rgba(0,0,0,.46)}
.dash-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.dash-head h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.04em;margin:7px 0 9px}.dash-head p{color:var(--muted);max-width:620px;line-height:1.6;margin:0}
.profile-chip{flex:0 0 auto;text-align:right;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font-size:11px;color:#8292a5}.profile-chip b{display:block;color:#fff;font-size:13px;margin-bottom:3px}
.download-panel{margin-top:25px;padding:22px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
.download-btn{display:flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none;border-radius:15px;padding:17px 18px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#07101a;font-weight:950}
.download-btn.disabled{pointer-events:none;filter:grayscale(1);opacity:.42}
.download-btn small{display:block;font-weight:750;opacity:.72;margin-top:3px}
.version-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px;color:#8292a5;font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#6b7480}.status-dot.ok{background:var(--good);box-shadow:0 0 13px rgba(72,199,123,.42)}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.info{border-radius:15px;padding:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.info b{display:block;font-size:12px;margin-bottom:6px}.info span{color:#8292a5;font-size:11px;line-height:1.5}
.welcome-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(75,137,229,.17),transparent 33%),rgba(2,5,10,.985);animation:portalAway .95s ease 2.7s forwards}
.welcome-inner{animation:portalEnter .85s cubic-bezier(.2,.78,.2,1) both}.welcome-kicker{color:var(--gold);font-size:11px;font-weight:950;letter-spacing:.2em;text-transform:uppercase}.welcome-overlay h2{font-size:clamp(42px,8vw,76px);letter-spacing:-.05em;margin:12px 0 7px}.welcome-overlay p{color:#9cabbc;font-size:16px;margin:0}
@keyframes portalEnter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes portalAway{to{opacity:0;visibility:hidden}}
.pending-icon{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(221,185,86,.28);background:rgba(221,185,86,.07);font-size:30px;color:var(--gold)}
.footer{position:relative;z-index:2;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.045);display:flex;justify-content:space-between;gap:15px;color:#56677b;font-size:10px}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:32px;padding-top:18px}.hero-copy{text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.portal-card{max-width:580px;margin:auto}.info-grid{grid-template-columns:1fr}.dash-head{display:block}.profile-chip{text-align:left;margin-top:17px;display:inline-block}}
@media(max-width:560px){.page{width:min(100% - 24px,1120px)}.topbar{height:70px}.brand{font-size:15px}.ball{width:36px;height:36px}.nav-actions .link-btn{display:none}.hero{min-height:auto;padding:30px 0 60px}.hero h1{font-size:51px}.portal-card,.auth-card,.dash-hero{border-radius:22px;padding:22px}.auth-shell{padding-top:15px}.dash-head h1{font-size:38px}.footer{width:min(100% - 24px,1120px);display:block;line-height:1.8}.download-btn{align-items:flex-start;flex-direction:column}.nav-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.welcome-overlay{display:none}}