:root{--bg:#071019;--surface:#0d1925;--surface2:#101f2d;--line:#213444;--text:#f5f7f8;--muted:#91a1ad;--mint:#54e6bd;--blue:#6b8cff;--red:#ff7185;--shadow:0 30px 90px #0007}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(900px 600px at 90% -10%,#153f56 0,transparent 62%),radial-gradient(700px 450px at -10% 85%,#102d36 0,transparent 62%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:64px 64px}a{color:var(--mint);text-decoration:none}header{position:relative;z-index:2;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,5vw);border-bottom:1px solid #ffffff12;background:#071019c9;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:900}.brand>b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#061018;background:linear-gradient(135deg,var(--mint),var(--blue));box-shadow:0 8px 28px #54e6bd33}.brand>span{display:grid;line-height:1}.brand small{font-size:8px;letter-spacing:.19em;color:var(--muted);margin-top:5px}nav{display:flex;align-items:center;gap:24px}nav a{color:#bdc8cf;font-size:14px;font-weight:700}nav a:hover{color:var(--text)}nav .account{padding:8px 12px;background:#ffffff0d;border:1px solid var(--line);border-radius:99px}main{position:relative;width:min(1160px,calc(100% - 34px));margin:auto;padding:64px 0 90px}.auth-shell{min-height:calc(100vh - 232px);display:grid;grid-template-columns:1.1fr .8fr;align-items:center;gap:8vw}.auth-copy small,.hero small,.about-hero small,.about-copy>small{color:var(--mint);font-weight:900;letter-spacing:.2em}.auth-copy h1,.about-hero h1{font-size:clamp(52px,7vw,90px);line-height:.94;margin:16px 0 24px;letter-spacing:-.065em}.auth-copy h1 span{color:transparent;background:linear-gradient(90deg,var(--mint),#8aa1ff);background-clip:text}.auth-copy>p,.about-hero p{max-width:600px;color:#a8b6c0;font-size:19px;line-height:1.7}.proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.proof span{padding:9px 13px;background:#ffffff08;border:1px solid var(--line);border-radius:99px;color:#b8c5cc;font-size:12px;font-weight:800}.auth-copy ul{list-style:none;padding:0;margin:28px 0;color:#b8c5cc}.auth-copy li{margin:14px 0}.auth-copy li:before{content:"✓";margin-right:12px;color:var(--mint);font-weight:900}.login{padding:34px;background:linear-gradient(145deg,#112130e8,#0a1622ed);border:1px solid #ffffff17;border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.form-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.form-title>span{font-size:22px;font-weight:900}.form-title small{color:var(--muted)}form{display:grid;gap:17px}label{display:grid;gap:8px;color:#b3c0c8;font-size:13px;font-weight:800}label small{color:#718692;font-weight:600}input{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:12px;outline:0;background:#07131e;color:var(--text);font:inherit;transition:.2s}input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #54e6bd16}button,.primary{border:0;border-radius:12px;padding:15px 20px;background:linear-gradient(105deg,var(--mint),var(--blue));color:#061019;font-weight:950;cursor:pointer;text-align:center;box-shadow:0 12px 30px #4fbaa42a}.fineprint,.security-link{text-align:center;color:var(--muted);font-size:12px;line-height:1.5}.hero{margin-bottom:28px}.hero h1{font-size:clamp(46px,6vw,72px);line-height:1;margin:12px 0 16px;letter-spacing:-.055em}.hero p{color:var(--muted);font-size:17px}.drop{position:relative;padding:42px;text-align:center;border:1px dashed #42677e;border-radius:24px;background:linear-gradient(145deg,#11283a,#0c1a27);display:flex;flex-direction:column;align-items:center;gap:8px}.drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.drop b{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#54e6bd17;color:var(--mint);font-size:28px}.drop span,.head span,article div span{color:var(--muted);font-size:13px}.panel{margin-top:22px;padding:25px;background:#0d1925df;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 60px #0002}.head{display:flex;justify-content:space-between;align-items:center}.panel h2{margin:0 0 20px}article{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line)}article i,.user i{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#132638;color:var(--mint);font-style:normal}article div{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}article div strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}article form{display:block}.delete{width:34px;height:34px;padding:0;background:#ff71851a;color:var(--red);box-shadow:none;font-size:22px}.empty{text-align:center;padding:45px;color:var(--muted);font-size:40px}.empty strong,.empty span{display:block;font-size:14px;margin:9px}.empty strong{color:var(--text)}.grid{display:grid;grid-template-columns:360px 1fr;gap:22px}.grid .panel{margin:0}.user{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.user em{margin-left:auto;color:var(--mint);font-size:12px}.about-hero{display:grid;grid-template-columns:1.2fr .65fr;align-items:center;gap:9vw;padding:60px 0 90px}.actions{display:flex;gap:12px;margin-top:30px}.secondary{padding:14px 20px;border:1px solid var(--line);border-radius:12px;color:var(--text);font-weight:800}.shield{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff1b;border-radius:50%;background:radial-gradient(circle,#163f43,#0d1d28 62%,transparent 63%);box-shadow:0 0 90px #54e6bd1e}.shield>span{display:grid;place-items:center;width:70px;height:70px;border-radius:24px;background:linear-gradient(135deg,var(--mint),var(--blue));color:#071019;font-size:36px;font-weight:950;margin-bottom:18px}.shield b{font-size:18px}.shield small{color:var(--muted);margin-top:5px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-card{display:block;padding:28px;background:#0d1925cc;border:1px solid var(--line);border-radius:22px}.trust-card i{background:transparent;height:auto;display:block;color:var(--mint);font-weight:950;font-size:12px}.trust-card h2{margin:40px 0 12px;font-size:20px}.trust-card p,.about-copy p{color:#99aab5;line-height:1.7}.about-copy{max-width:780px;padding:90px 0 10px}.about-copy h2{font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.045em}.notice{margin-top:30px;padding:20px 22px;border-left:3px solid var(--mint);background:#ffffff08;border-radius:0 14px 14px 0}.notice p{margin-bottom:0}.toast{position:fixed;z-index:9;right:20px;bottom:20px;padding:14px 18px;background:#132638;border-left:3px solid var(--mint);border-radius:12px;box-shadow:var(--shadow)}.toast.error{border-color:var(--red)}@media(max-width:780px){header{height:68px;padding:0 16px}nav{gap:14px}nav .account,nav a:first-of-type{display:none}main{padding:30px 0 70px}.auth-shell,.about-hero{grid-template-columns:1fr;gap:38px}.auth-shell{min-height:auto}.auth-copy h1,.about-hero h1{font-size:48px}.login{padding:25px}.form-title{display:grid;gap:7px}.trust-grid,.grid{grid-template-columns:1fr}.about-hero{padding:30px 0}.shield{width:min(330px,85vw);margin:auto}.about-copy{padding-top:55px}article{flex-wrap:wrap}article div{width:calc(100% - 60px);flex:none}article>a{margin-left:56px}.drop{padding:30px 16px}}
:root .brand>span{display:flex;flex-direction:column;gap:5px}:root .brand small{display:block;margin-top:0}:root .form-title{align-items:flex-end;gap:18px}:root .form-title small{text-align:right;line-height:1.45}:root .proof{gap:12px}