:root{--bg:#0b1020;--panel:#121a2e;--line:#26314b;--text:#f6f8ff;--muted:#8d9ab5;--accent:#77e0ad;--accent2:#4fb98a;--danger:#ff6b7c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 0,#152b42 0,transparent 35%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit}header{height:74px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 24px;border-bottom:1px solid #ffffff10}.brand{text-decoration:none;font-size:19px;font-weight:800;letter-spacing:-.4px}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:8px;border-radius:10px;background:var(--accent);color:#07150f;font-size:14px}nav{display:flex;align-items:center;gap:24px}nav a,.link{border:0;background:none;color:var(--muted);font:inherit;cursor:pointer;text-decoration:none}main{max-width:1040px;margin:0 auto;padding:54px 24px 80px}footer{text-align:center;color:#53617a;padding:20px}.auth-card,.panel,.code-card,.empty{background:linear-gradient(145deg,#151e34,#10172a);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px #0005}.auth-card{max-width:450px;margin:28px auto;padding:40px}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:1.7px}h1{margin:8px 0 6px;font-size:35px;line-height:1.15;letter-spacing:-1.4px}h2{font-size:18px;margin:0 0 8px}p{color:var(--muted);margin:5px 0 22px}form{display:grid;gap:17px}label{display:grid;gap:7px;color:#cfd6e5;font-size:13px;font-weight:650}input,select{width:100%;border:1px solid #33415f;border-radius:10px;background:#0c1325;color:var(--text);padding:12px 13px;font:inherit;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #77e0ad22}.primary,.secondary,.danger,.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:12px 18px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none}.primary{background:var(--accent);color:#07150f}.primary:hover{background:#8aebbd}.secondary{background:#263650;color:white}.danger{background:#3c1e2b;color:#ff8a97;border:1px solid #6d2f40}.switch{text-align:center;margin:24px 0 0}.switch a{color:var(--accent)}.flash{max-width:760px;margin:0 auto 18px;padding:13px 16px;border-radius:10px;background:#203047;border:1px solid #37506c}.flash.error{background:#351a27;border-color:#673044}.flash.success{background:#173126;border-color:#285a43}.flash.share{word-break:break-all;background:#173126;border-color:#285a43;color:#baf1d5}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.page-head h1{font-size:40px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.auth-item{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#11192c;text-decoration:none;transition:.2s}.auth-item:hover{transform:translateY(-2px);border-color:#486079}.auth-item h2,.auth-item p{margin:0}.auth-item>div:nth-child(2){flex:1}.auth-item>span{color:var(--accent);font-size:22px}.icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#22394a;color:var(--accent);font-weight:800}.icon.big{margin:0 auto 16px;width:58px;height:58px}.empty{text-align:center;padding:70px 24px}.empty .lock{margin:auto auto 18px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px dashed #50607d;color:var(--accent);font-size:28px}.panel{padding:26px}.panel.narrow{max-width:680px;margin:auto}.back{display:inline-block;color:var(--muted);text-decoration:none;margin-bottom:28px}.cols{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.code-card{text-align:center;padding:40px;margin:0 auto 22px;max-width:650px}.otp{font:700 58px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:9px;margin:30px 0 22px}.timer{height:4px;max-width:310px;margin:auto;background:#29344b;border-radius:10px;overflow:hidden}.timer span{display:block;height:100%;background:var(--accent);transition:width 1s linear}.muted{color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.danger-zone{border-color:#462b3a}.badge{font-size:12px;color:var(--accent);background:#1c3b32;border-radius:20px;padding:3px 9px}.shares>div{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.shares p{margin:2px 0}.danger-text{color:var(--danger)}.public{margin-top:8vh}.code-input{text-align:center;font-size:28px;letter-spacing:8px}@media(max-width:700px){main{padding-top:35px}.grid,.two-col{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:20px}.page-head h1{font-size:31px}.otp{font-size:42px;letter-spacing:5px}.auth-card{padding:28px 22px}nav>a{display:none}}