:root{
  --bg:#060811;--bg2:#0b0e1a;--panel:rgba(15,19,34,.72);--panel2:rgba(19,24,43,.9);
  --text:#f3f7ff;--muted:#8f9ab6;--line:rgba(255,255,255,.09);
  --primary:#38e9ff;--primary2:#8e6dff;--success:#45e6a0;--danger:#ff557e;--shadow:0 24px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:
radial-gradient(circle at 15% 10%,rgba(56,233,255,.09),transparent 28%),
radial-gradient(circle at 85% 0%,rgba(142,109,255,.13),transparent 30%),var(--bg);
color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px}
button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}
.hidden{display:none!important}.shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:20px 0 88px}
.topbar{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center}.brand-icon,.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#041019;box-shadow:0 0 30px rgba(56,233,255,.18)}.brand b{display:block;font-size:15px;letter-spacing:.15em}.brand small{color:var(--muted);letter-spacing:.15em}.top-actions{display:flex;gap:8px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:13px}.icon-btn:hover{border-color:rgba(56,233,255,.3);box-shadow:0 0 22px rgba(56,233,255,.09)}
.hero{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:62px 0 30px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--primary);font-weight:800}.hero h1{font-size:clamp(48px,8vw,82px);line-height:.95;margin:10px 0 16px;letter-spacing:-.06em}.hero h1 span{background:linear-gradient(90deg,var(--primary),#fff,var(--primary2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:630px;color:var(--muted);font-size:16px;line-height:1.7}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:14px;padding:12px 16px;transition:.2s transform,.2s box-shadow,.2s background}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),#6fdfff 45%,var(--primary2));color:#061016;border:0;font-weight:800;box-shadow:0 12px 28px rgba(56,233,255,.14)}.btn-secondary{background:rgba(255,255,255,.045)}.btn-danger{background:rgba(255,85,126,.08);border-color:rgba(255,85,126,.25);color:#ff8ca9}.btn-full{width:100%}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.toolbar{border-radius:18px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.search-wrap{flex:1;display:flex;align-items:center;gap:10px;padding:0 12px;color:var(--muted)}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:10px 0}.stats{font-size:13px;color:var(--muted);padding:0 10px}.stats span{color:var(--text);font-weight:800}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-card{position:relative;border-radius:22px;padding:20px;overflow:hidden}.account-card:after{content:"";position:absolute;inset:auto -20% -70% 20%;height:160px;background:radial-gradient(circle,rgba(56,233,255,.08),transparent 62%);pointer-events:none}.account-top{display:flex;justify-content:space-between;gap:14px}.identity{display:flex;gap:13px;min-width:0}.account-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(56,233,255,.18),rgba(142,109,255,.24));border:1px solid rgba(56,233,255,.16);font-weight:900}.identity h3{margin:2px 0 3px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity p{margin:0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-btn{border:0;background:transparent;color:var(--muted);font-size:20px;padding:2px 6px}.code{font-size:clamp(32px,4vw,44px);letter-spacing:.18em;font-weight:900;margin:23px 0 16px;font-variant-numeric:tabular-nums}.timer-row{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.timer-track{height:5px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden;flex:1}.timer-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary2));transition:width .4s linear}.card-actions{display:flex;gap:8px;margin-top:18px}.card-actions .btn{flex:1;padding:10px 12px;font-size:13px}.empty{padding:56px 20px;border-radius:22px;text-align:center}.empty-icon{font-size:34px;color:var(--primary);margin-bottom:10px}.empty h2{margin:0 0 7px}.empty p{color:var(--muted);margin:0 auto 20px;max-width:520px;line-height:1.6}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:24px;padding:24px;z-index:1}.modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.05);font-size:24px;color:var(--muted)}.modal-head{padding-right:42px;margin-bottom:18px}.modal-head h2{margin:7px 0}.modal-head p{color:var(--muted);line-height:1.6;margin:0}.tabs{display:flex;gap:5px;background:rgba(255,255,255,.04);padding:5px;border-radius:13px;margin:20px 0}.tab{flex:1;border:0;background:transparent;padding:10px;border-radius:9px;color:var(--muted)}.tab.active{background:rgba(56,233,255,.12);color:var(--text)}.tab-panel{display:none}.tab-panel.active{display:block}.grid-2,.grid-3{display:grid;gap:12px;margin-bottom:12px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}label{display:flex;flex-direction:column;gap:7px;color:#c8d0e3;font-size:12px;font-weight:700}.input{width:100%;border:1px solid var(--line);outline:0;background:rgba(0,0,0,.18);color:var(--text);border-radius:12px;padding:12px 13px}.input:focus{border-color:rgba(56,233,255,.5);box-shadow:0 0 0 3px rgba(56,233,255,.07)}select option{background:#111522}.uppercase{text-transform:uppercase}.form-error{min-height:20px;color:#ff8fa9;font-size:12px;margin:6px 0 8px}.hint{font-size:12px;color:var(--muted);line-height:1.6}.hint code{color:var(--primary)}.qr-area{min-height:210px;border:1px dashed rgba(56,233,255,.24);border-radius:18px;display:grid;place-items:center;background:rgba(56,233,255,.03)}.qr-reader{position:relative;text-align:center;color:var(--muted);width:100%;height:250px;display:grid;place-items:center}.qr-frame{position:absolute;width:170px;height:170px}.qr-frame span{position:absolute;width:32px;height:32px;border-color:var(--primary);border-style:solid}.qr-frame span:nth-child(1){top:0;left:0;border-width:3px 0 0 3px}.qr-frame span:nth-child(2){top:0;right:0;border-width:3px 3px 0 0}.qr-frame span:nth-child(3){bottom:0;left:0;border-width:0 0 3px 3px}.qr-frame span:nth-child(4){bottom:0;right:0;border-width:0 3px 3px 0}.qr-actions{display:flex;gap:8px;margin-top:12px}.qr-video{width:100%;border-radius:14px;margin-top:12px}
.settings-panel{margin-top:20px;border-radius:22px;padding:22px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title h2{margin:5px 0}.settings-group{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06)}.setting-row strong{display:block;font-size:14px}.setting-row p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.danger-row{border-bottom:0}.inline-actions{display:flex;gap:8px}.switch{display:block;position:relative;width:48px;height:28px;flex:none}.switch input{display:none}.switch span{position:absolute;inset:0;border-radius:99px;background:#202638;border:1px solid var(--line);transition:.2s}.switch span:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:rgba(56,233,255,.28);border-color:rgba(56,233,255,.45)}.switch input:checked+span:before{transform:translateX(20px);background:var(--primary)}.pin-box{display:flex;gap:8px;padding:12px 0}.privacy-note{display:flex;gap:10px;align-items:flex-start;margin-top:15px;padding:14px;border-radius:14px;background:rgba(56,233,255,.05);border:1px solid rgba(56,233,255,.1);font-size:12px}.privacy-note span{color:var(--muted);line-height:1.55}.about{text-align:center;color:var(--muted);font-size:11px;margin-top:16px}.toast-container{position:fixed;right:18px;bottom:18px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 14px;border-radius:13px;background:#121726;border:1px solid var(--line);box-shadow:var(--shadow);font-size:13px;animation:toastIn .2s ease}.toast.success{border-color:rgba(69,230,160,.25)}.toast.error{border-color:rgba(255,85,126,.25)}.lock-screen{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background:rgba(4,6,13,.96)}.lock-card{width:min(380px,100%);border-radius:22px;padding:25px;text-align:center}.lock-card h2{margin:15px 0 5px}.lock-card p{color:var(--muted);font-size:13px;margin-bottom:15px}.lock-card .input{margin-bottom:8px}.mobile-nav{position:fixed;z-index:80;display:none}.light{--bg:#eef2f8;--bg2:#f6f8fc;--panel:rgba(255,255,255,.75);--text:#121827;--muted:#5d6981;--line:rgba(25,35,60,.11);--shadow:0 18px 50px rgba(32,45,75,.12)}body.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}