:root{color-scheme:dark;--bg:#0c0c13;--surface:#15151f;--surface2:#1b1a27;--border:rgba(255,255,255,.09);--text:#f6f4fb;--muted:#9996a8;--purple:#9b79ff;--pink:#e85fca;--green:#75dfb9;--danger:#ff879c;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 5%,rgba(126,83,231,.13),transparent 34%),radial-gradient(ellipse at 86% 84%,rgba(230,74,187,.08),transparent 32%),var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}.ambient{position:fixed;width:360px;height:360px;filter:blur(100px);border-radius:50%;pointer-events:none;z-index:0;opacity:.18}.ambient-one{background:#7450da;top:-250px;left:-170px}.ambient-two{background:#bd3e9f;bottom:-260px;right:-160px}.topbar{height:78px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:relative;z-index:1;background:rgba(11,11,17,.65);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand-mark{width:34px;height:34px;display:flex;align-items:flex-end;gap:3px;padding:7px;border-radius:11px;background:linear-gradient(145deg,#815ce6,#d85cbd);box-shadow:0 7px 22px rgba(151,87,220,.25)}.brand-mark span{flex:1;border-radius:3px 3px 2px 2px;background:#fff}.brand-mark span:nth-child(1){height:42%}.brand-mark span:nth-child(2){height:68%}.brand-mark span:nth-child(3){height:88%}.brand-mark span:nth-child(4){height:58%}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong,.mobile-brand strong{font:800 15px var(--display);letter-spacing:.3px}.brand-copy strong span,.mobile-brand strong span{color:#c18cf5}.brand-copy small{font-size:7px;letter-spacing:2px;color:#827c91}.environment{font-size:9px;letter-spacing:1.2px;color:#c5a2ff;border:1px solid rgba(178,136,255,.2);background:rgba(147,102,230,.08);padding:9px 12px;border-radius:30px}.environment i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a77cff;margin-right:7px;box-shadow:0 0 10px #a77cff}.shell{position:relative;z-index:1;max-width:1120px;padding:58px 26px 45px;margin:auto}.auth-layout{display:grid;grid-template-columns:1fr 440px;align-items:center;gap:75px;min-height:calc(100vh - 190px)}.intro-panel{max-width:510px}.eyebrow{display:flex;align-items:center;gap:9px;color:#bca4eb;font-size:9px;font-weight:700;letter-spacing:2px}.eyebrow>span{width:22px;height:1px;background:linear-gradient(90deg,#a87cff,#e66ac6)}.intro-panel h1{font:800 clamp(38px,5vw,58px)/1.12 var(--display);letter-spacing:-2.8px;margin:23px 0 17px}.intro-panel h1 b{font-weight:800;background:linear-gradient(90deg,#b99aff,#ee83d2);-webkit-background-clip:text;background-clip:text;color:transparent}.intro-panel>p{font-size:14px;line-height:1.8;color:#a7a2b3;max-width:440px}.security-points{display:grid;gap:20px;margin-top:42px}.security-points>div{display:flex;align-items:center;gap:13px}.security-points i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(112,215,176,.1);border:1px solid rgba(112,215,176,.19);font-style:normal;color:#8be3c0}.security-points span{display:flex;flex-direction:column;gap:4px}.security-points strong{font-size:11px}.security-points small{font-size:10px;color:#858094}.auth-card{background:linear-gradient(145deg,rgba(27,25,39,.96),rgba(18,18,27,.98));border:1px solid var(--border);border-radius:19px;padding:34px 35px;box-shadow:0 25px 80px rgba(0,0,0,.27)}.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:25px}.kicker{font-size:9px;letter-spacing:1.6px;color:#b89be9;font-weight:700;margin:0 0 11px}.auth-card h2{font:750 24px var(--display);letter-spacing:-.6px;margin:0 0 7px}.muted{color:var(--muted)}.auth-card>.muted{font-size:11px;margin:0 0 26px}.form{display:flex;flex-direction:column;gap:10px}.form label{font-size:11px;color:#c8c4d3;font-weight:600;margin-top:4px}.form input{width:100%;height:46px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#101019;padding:0 14px;color:#f7f2ff;font:13px var(--font);outline:none;transition:.2s}.form input:focus{border-color:#9d78ed;box-shadow:0 0 0 3px rgba(149,108,234,.12)}.form input::placeholder{color:#646174}.label-line{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.label-line label{margin:0}.text-button,.back-button{border:0;background:transparent;color:#c18eff;font:600 10px var(--font);padding:4px;cursor:pointer}.text-button:hover,.back-button:hover{color:#e2b7ff}.primary-button{width:100%;height:47px;border:0;border-radius:10px;margin-top:12px;padding:0 16px;color:white;background:linear-gradient(100deg,#815ee7,#bd62d4 58%,#e05da9);font:700 12px var(--font);display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 9px 25px rgba(160,82,205,.19);transition:transform .2s,filter .2s}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary-button b{font-size:19px;font-weight:400}.form-note{font-size:11px;line-height:1.7;color:#aaa5b7;margin:2px 0 5px}.card-footer{border-top:1px solid rgba(255,255,255,.07);padding-top:17px;margin-top:26px;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px;color:#686578}.message{margin-top:14px;padding:12px 13px;border-radius:9px;font-size:11px;line-height:1.55;border:1px solid rgba(145,117,239,.22);background:rgba(123,93,210,.1);color:#d6c9fa}.message.error{border-color:rgba(255,125,145,.25);background:rgba(255,89,117,.08);color:#ffb7c2}.message.success{border-color:rgba(99,216,174,.22);background:rgba(72,191,148,.08);color:#b6f0d9}.state-card{max-width:520px;margin:8vh auto;text-align:center;background:rgba(23,22,32,.92);border:1px solid var(--border);border-radius:18px;padding:38px 32px;box-shadow:0 24px 80px rgba(0,0,0,.2)}.state-card h1{font:750 23px var(--display);margin:12px 0 10px}.state-card p:not(.kicker){font-size:12px;color:#aaa5b7;line-height:1.7}.state-icon{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;margin:0 auto 17px;font-size:25px;color:#ffacbd;background:rgba(255,89,117,.09);border:1px solid rgba(255,125,145,.2)}.state-actions{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:22px}.secondary-button{border:1px solid rgba(185,145,255,.27);border-radius:9px;background:rgba(143,103,236,.09);color:#e0d2ff;padding:11px 15px;font:600 11px var(--font);cursor:pointer}.state-card>.secondary-button{margin-top:18px}.state-card>.text-button{display:block;margin:9px auto 0}.loader-mark{width:48px;height:48px;margin:0 auto 18px;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:9px;border-radius:15px;background:linear-gradient(145deg,#815ce6,#d85cbd)}.loader-mark span{width:5px;border-radius:5px;background:#fff;animation:load .8s ease-in-out infinite alternate}.loader-mark span:nth-child(1){height:35%;animation-delay:0s}.loader-mark span:nth-child(2){height:70%;animation-delay:.15s}.loader-mark span:nth-child(3){height:95%;animation-delay:.3s}.loader-mark span:nth-child(4){height:55%;animation-delay:.45s}@keyframes load{to{height:25%;opacity:.6}}.dashboard{max-width:1050px;margin:5px auto 0}.dashboard-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.dashboard-topline h1{font:800 34px var(--display);letter-spacing:-1.4px;margin:14px 0 6px}.dashboard-topline h1 span{font-size:18px;letter-spacing:-.3px}.dashboard-topline .muted{font-size:12px;margin:0}.logout-button{border:1px solid var(--border);border-radius:9px;padding:11px 15px;background:rgba(255,255,255,.025);color:#c9c5d4;font:600 11px var(--font);cursor:pointer;white-space:nowrap}.verified-banner{display:flex;align-items:center;gap:14px;padding:17px 19px;border-radius:13px;border:1px solid rgba(99,216,174,.2);background:rgba(72,191,148,.07);margin-bottom:17px}.verified-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;color:#9aebcf;background:rgba(99,216,174,.12)}.verified-banner>div{flex:1}.verified-banner strong{font-size:12px;color:#c5f5e1}.verified-banner p{font-size:10px;color:#91b9a9;margin:4px 0 0;line-height:1.5}.role-badge{font-size:9px;letter-spacing:1.2px;padding:8px 11px;border-radius:30px;border:1px solid rgba(180,139,255,.25);background:rgba(151,103,238,.12);color:#d6bcff}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:43px}.status-card{border:1px solid var(--border);background:linear-gradient(145deg,rgba(27,26,39,.92),rgba(20,20,29,.94));border-radius:14px;padding:19px}.status-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:rgba(157,115,255,.12);color:#c9a5ff;font-size:18px;margin-bottom:17px}.status-card p{font-size:8px;letter-spacing:1.5px;color:#8f899f;margin:0 0 7px}.status-card h2{font:750 19px var(--display);margin:0 0 5px}.status-card small{font-size:10px;color:#827d90}.section-heading{margin-bottom:17px}.section-heading h2{font:750 23px var(--display);letter-spacing:-.5px;margin:10px 0 5px}.section-heading .muted{font-size:11px;line-height:1.6;margin:0;max-width:700px}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.module-card{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;border:1px solid var(--border);background:rgba(24,23,34,.76);border-radius:13px;padding:17px}.module-card>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(161,119,255,.12);color:#c9a5ff;font-size:18px}.module-card h3{font-size:12px;margin:2px 0 5px}.module-card p{font-size:10px;line-height:1.55;color:#8d899a;margin:0}.module-card small{grid-column:2;font-size:8px;letter-spacing:1px;color:#b99be7}.dashboard-footer{border-top:1px solid rgba(255,255,255,.06);margin-top:38px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:#666274;font-size:8px;letter-spacing:1px}.status-card,.module-card,.auth-card,.state-card{backdrop-filter:blur(14px)}[hidden]{display:none!important}
@media(max-width:850px){.auth-layout{grid-template-columns:1fr;max-width:470px;gap:28px;min-height:unset}.intro-panel{display:none}.mobile-brand{display:flex}.auth-card{padding:30px 28px}.shell{padding-top:40px}.status-grid{gap:10px}.status-card{padding:15px}}
@media(max-width:560px){.topbar{height:68px;padding:0 18px}.brand-mark{width:30px;height:30px}.brand-copy strong{font-size:13px}.environment{font-size:8px;padding:8px 9px}.shell{padding:32px 17px 28px}.auth-card{padding:25px 21px 19px;border-radius:17px}.auth-card h2{font-size:21px}.dashboard-topline{align-items:flex-start}.dashboard-topline h1{font-size:28px}.dashboard-topline h1 span{display:block;font-size:14px;margin-top:5px;overflow-wrap:anywhere}.logout-button{padding:9px 10px;font-size:10px}.verified-banner{align-items:flex-start;flex-wrap:wrap}.verified-banner>div{min-width:calc(100% - 55px)}.role-badge{margin-left:48px}.status-grid{grid-template-columns:1fr}.status-card{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center}.status-icon{grid-row:1/4;margin:0}.status-card p{margin:0 0 3px}.module-grid{grid-template-columns:1fr}.dashboard-footer{font-size:7px}.state-card{padding:30px 22px}.state-card h1{font-size:20px}}
