:root{--bg:#050812;--card:rgba(10,16,31,.78);--line:rgba(112,155,255,.16);--text:#f4f7ff;--muted:#8492ad;--blue:#1f8fff;--cyan:#50d8ff;--green:#4ee0a1;--red:#ff627f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}body{overflow-x:hidden}.bg-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(90,130,200,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(90,130,200,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.orb{position:fixed;width:480px;height:480px;border-radius:50%;filter:blur(120px);opacity:.13;pointer-events:none}.orb-a{background:#177cff;top:-180px;left:-140px}.orb-b{background:#42d7ff;right:-240px;bottom:-240px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1160px)/2));background:rgba(5,8,18,.72);backdrop-filter:blur(18px);position:relative;z-index:2}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:linear-gradient(135deg,#1884ff,#5fe4ff);font-weight:900;color:#031023;box-shadow:0 0 30px rgba(31,143,255,.3)}.brand b{display:block;font-size:16px;letter-spacing:1.5px}.brand small{display:block;color:#6d87ab;font-size:9px;letter-spacing:3px;margin-top:2px}.top-status{color:#91a4c3;font-size:12px}.top-status i,.sync-box i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:7px}.wrap{width:min(1160px,calc(100% - 36px));margin:0 auto;position:relative;z-index:1}.hero{min-height:calc(100vh - 132px);display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:center;padding:70px 0}.eyebrow{color:#4fc8ff;font-size:11px;letter-spacing:3px;font-weight:800}.hero h1,.dashboard-head h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:18px 0 22px;letter-spacing:-3px}.hero h1 em{font-style:normal;color:#4faeff;text-shadow:0 0 42px rgba(31,143,255,.28)}.hero-copy>p,.dashboard-head p{color:var(--muted);font-size:16px;line-height:1.7;max-width:650px}.trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust span{font-size:11px;color:#9bb0cf;background:rgba(18,31,54,.55);border:1px solid var(--line);padding:9px 12px;border-radius:99px}.card{background:linear-gradient(145deg,rgba(14,22,40,.88),rgba(7,12,25,.84));border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 24px 90px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(20px)}.login-card{padding:30px}.card-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.card-head h2{margin:0 0 5px;font-size:18px}.card-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.step{font-size:10px;font-weight:800;color:#60c7ff;background:rgba(31,143,255,.12);border:1px solid rgba(31,143,255,.25);padding:7px 8px;border-radius:8px}.form{display:grid;gap:16px}.form label{display:grid;gap:8px;color:#9eabc0;font-size:11px;font-weight:700;letter-spacing:.5px}.form input{width:100%;height:52px;border-radius:12px;border:1px solid rgba(119,151,205,.2);background:rgba(4,9,20,.72);color:white;padding:0 14px;outline:none;font-size:14px}.form input:focus{border-color:#268fff;box-shadow:0 0 0 3px rgba(38,143,255,.09)}.btn{border:0;border-radius:12px;min-height:48px;padding:0 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:13px;color:white;background:#152039;transition:.18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.primary{background:linear-gradient(90deg,#137df0,#25b8ff);color:white;box-shadow:0 12px 34px rgba(31,143,255,.22)}.btn.discord{width:100%;background:#5865f2;margin-top:22px}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn.compact{min-height:38px;padding:0 14px;font-size:11px}.btn.danger{background:rgba(255,98,127,.09);border:1px solid rgba(255,98,127,.22);color:#ff91a5}.micro{font-size:10px!important;color:#667894!important;line-height:1.6!important;text-align:center;margin:14px 0 0}.alert{margin-top:24px;padding:12px 15px;border-radius:12px;font-size:12px}.alert.err{background:rgba(255,98,127,.08);border:1px solid rgba(255,98,127,.25);color:#ff9bad}.alert.ok{background:rgba(78,224,161,.08);border:1px solid rgba(78,224,161,.25);color:#88ecc0}.dashboard-head{padding:54px 0 30px;display:flex;justify-content:space-between;align-items:end}.dashboard-head h1{font-size:42px;margin:10px 0 8px;letter-spacing:-1.5px}.dashboard-head p{font-size:13px;margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-row,.discord-user{display:flex;align-items:center;gap:14px}.big-avatar,.avatar-letter{display:grid;place-items:center;background:linear-gradient(135deg,#172945,#0d5b95);border:1px solid rgba(70,158,255,.25);color:#c6edff;font-weight:900}.big-avatar{width:62px;height:62px;border-radius:17px;font-size:24px}.profile-row h3,.discord-user h3{margin:0 0 4px;font-size:17px}.profile-row p,.discord-user p{margin:0;color:var(--muted);font-size:11px}.stats{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:10px;margin-top:24px}.stats>div,.sync-box{background:rgba(4,10,23,.62);border:1px solid rgba(106,147,210,.12);border-radius:13px;padding:14px}.stats small,.sync-box span{display:block;color:#62738f;font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:7px}.stats b{font-size:12px}.discord-logo{width:68px;height:68px;border-radius:20px;margin:6px auto 18px;display:grid;place-items:center;background:rgba(88,101,242,.13);border:1px solid rgba(88,101,242,.25);font-size:28px;color:#8992ff}.center-copy{text-align:center;color:var(--muted);font-size:12px;line-height:1.6;max-width:420px;margin:auto}.discord-user img,.discord-logo.small{width:52px;height:52px;border-radius:15px;object-fit:cover;margin:0}.discord-user .badge{margin-left:auto;font-size:9px;color:#79eab9;border:1px solid rgba(78,224,161,.25);background:rgba(78,224,161,.07);padding:7px 9px;border-radius:99px}.sync-box{margin-top:22px;display:grid;grid-template-columns:1fr auto;align-items:center}.sync-box span{margin:0}.sync-box b{font-size:11px;color:#94eabe}.sync-box small{grid-column:1/-1;color:#687b99;font-size:9px;margin-top:6px}.actions-row{display:flex;gap:10px;margin-top:15px}.mini-error{margin-top:10px;color:#ff94a8;font-size:10px}.chooser{max-width:740px;margin:10px auto 60px}.characters{display:grid;gap:9px}.character{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(4,10,23,.6);border:1px solid rgba(106,147,210,.11);border-radius:13px}.avatar-letter{width:42px;height:42px;border-radius:11px}.grow{flex:1}.grow b{display:block;font-size:13px}.grow small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.empty{color:var(--muted);font-size:13px;padding:20px;text-align:center}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 70px}.how>div{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(7,12,24,.55)}.how span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#10274a;color:#67c8ff;font-size:10px;font-weight:900}.how b{display:block;margin:13px 0 5px;font-size:12px}.how p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}footer{text-align:center;color:#43516a;font-size:9px;letter-spacing:1px;padding:30px}.connected{border-color:rgba(78,224,161,.16)}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:34px;padding:55px 0}.hero h1{font-size:52px}.grid2{grid-template-columns:1fr}.how{grid-template-columns:1fr}.top-status{display:none}.dashboard-head{align-items:flex-start;gap:20px}.stats{grid-template-columns:1fr}.wrap{width:min(100% - 24px,1160px)}}