:root{--bg:#07090d;--surface:#0d1118;--surface2:#111722;--line:#202735;--text:#f6f8fb;--muted:#8895a9;--accent:#7c5cff;--accent2:#38d5ff;--danger:#ff5578;--ok:#55e6a5;--radius:22px;--shadow:0 26px 90px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1160px,calc(100% - 34px));margin-inline:auto}.bg-grid{position:fixed;inset:0;z-index:-3;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:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.glow{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.13;z-index:-2;pointer-events:none}.glow-a{background:var(--accent);top:-190px;left:-150px}.glow-b{background:var(--accent2);right:-240px;top:290px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:20px;font-weight:900;letter-spacing:-.5px}.brand.small{font-size:16px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--accent),#5139d7 60%,var(--accent2));box-shadow:0 9px 30px rgba(124,92,255,.28);font-size:12px;letter-spacing:-.4px}.small .brand-mark{width:30px;height:30px}.thin{font-weight:500;color:#b7c0cf}.provider{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;background:rgba(13,17,24,.6);backdrop-filter:blur(12px)}.provider strong{color:#dde4ee}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 14px var(--ok)}.hero{padding:88px 0 48px}.eyebrow,.mini{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#8f82ff}.hero h1{font-size:clamp(54px,10vw,104px);line-height:.92;letter-spacing:-6px;margin:15px 0 18px;font-weight:950}.hero h1 span{font-weight:450;color:#9ba6b7}.hero p{max-width:690px;font-size:clamp(16px,2vw,21px);line-height:1.6;color:var(--muted);margin:0}.notices{display:grid;gap:9px;margin-bottom:14px}.notice-public{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(90deg,rgba(124,92,255,.15),rgba(56,213,255,.07));border:1px solid rgba(124,92,255,.36);padding:13px 16px;border-radius:15px;font-size:13px}.notice-public a{color:#d9d2ff;font-weight:800;text-decoration:none;white-space:nowrap}.dashboard{background:linear-gradient(180deg,rgba(17,23,34,.94),rgba(10,14,20,.96));border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.dashboard:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.65}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.panel-head h2,.section-title h2,.update-card h2{margin:7px 0 0;font-size:clamp(24px,4vw,34px);letter-spacing:-1.2px}.btn{border:1px solid var(--line);padding:12px 16px;border-radius:13px;color:white;background:#151b26;font-weight:800;transition:.22s transform,.22s box-shadow}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--accent),#5a43e5);border-color:transparent;box-shadow:0 12px 35px rgba(124,92,255,.22)}.panel-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn.secondary{background:#111722;color:#d7deea;border-color:#283143}.btn.secondary:hover{border-color:#49556a;box-shadow:0 10px 28px rgba(0,0,0,.22)}.btn:disabled{cursor:not-allowed;opacity:.62;transform:none!important}.refresh-icon{display:inline-block;font-size:16px;line-height:1;transform-origin:center}.btn.loading .refresh-icon{animation:refreshSpin .75s linear infinite}@keyframes refreshSpin{to{transform:rotate(360deg)}}.email-card{border:1px solid var(--line);background:#090d13;border-radius:18px;padding:15px 17px;margin-bottom:16px}.email-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:10px}.expiry{letter-spacing:0;font-weight:650}.email-line{display:flex;align-items:center;justify-content:space-between;gap:14px}.email-line code{font:700 clamp(15px,2.6vw,22px) ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;color:#f0edff}.actions{display:flex;gap:7px;flex-shrink:0}.icon-btn{border:1px solid var(--line);background:#121824;color:#cbd4e3;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:750}.mailbox-grid{display:grid;grid-template-columns:360px 1fr;min-height:440px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#080c12}.inbox-list{border-right:1px solid var(--line);min-width:0}.list-title{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line);font-size:13px}.count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#181f2b;color:#aeb8c8;font-size:11px}.message-list{max-height:500px;overflow:auto}.message-item{display:block;width:100%;border:0;border-bottom:1px solid #171d27;background:transparent;color:inherit;text-align:left;padding:15px;transition:.18s background}.message-item:hover,.message-item.active{background:#111722}.message-item .from{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-item .subject{font-size:13px;margin:5px 0;color:#c8d1df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-item .time{font-size:10px;color:#717d90}.message-view{min-width:0;padding:22px;overflow:auto}.message-header{padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:17px}.message-header h3{margin:0 0 10px;font-size:20px;letter-spacing:-.5px}.message-header p{margin:4px 0;color:var(--muted);font-size:12px}.message-body{white-space:pre-wrap;word-break:break-word;color:#d6deea;line-height:1.7;font-size:13px}.message-html{width:100%;min-height:330px;border:0;background:#fff;border-radius:12px}.attachments{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.attachment{display:inline-flex;gap:8px;align-items:center;padding:9px 11px;border:1px solid var(--line);background:#121824;border-radius:10px;color:#dbe4f2;text-decoration:none;font-size:11px}.empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--muted);gap:7px}.empty.big{height:100%}.empty strong{color:#ccd4df}.empty span{font-size:12px;max-width:300px;line-height:1.5}.empty-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;color:#9b8cff;background:#111722;margin-bottom:4px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:70px}.info-card,.warning-card,.update-card,.tutorial{border:1px solid var(--line);border-radius:24px;background:rgba(13,17,24,.72);backdrop-filter:blur(12px)}.info-card,.warning-card{padding:28px}.info-card .index{font:800 11px ui-monospace;color:#776bff}.info-card h3{font-size:25px;margin:18px 0 10px;letter-spacing:-.8px}.info-card p,.warning-card p{color:var(--muted);line-height:1.7;margin:0;font-size:13px}.warning-card{background:linear-gradient(145deg,rgba(38,12,19,.8),rgba(16,14,20,.8));border-color:rgba(255,85,120,.25)}.warning-badge{display:inline-block;color:#ff9ab0;background:rgba(255,85,120,.1);border:1px solid rgba(255,85,120,.22);padding:7px 9px;border-radius:9px;font-size:10px;font-weight:900;letter-spacing:1.2px;margin-bottom:16px}.warning-card p{color:#e4bec7;font-weight:760}.tutorial{padding:30px;margin-top:15px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.step{border-top:1px solid var(--line);padding-top:17px}.step>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#171d29;color:#9285ff;font:800 11px ui-monospace;margin-bottom:14px}.step strong{font-size:14px}.step p{font-size:12px;line-height:1.6;color:var(--muted);margin:6px 0}.update-card{margin-top:15px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,rgba(124,92,255,.11),rgba(13,17,24,.78))}.update-card ul{display:grid;grid-template-columns:1fr;gap:8px;margin:0;padding:0;list-style:none;color:#bac4d3;font-size:13px}.update-card li:before{content:"✓";color:var(--ok);margin-right:8px}.footer{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);margin-top:75px;padding:30px 0 45px;color:#8b96a7;font-size:11px}.footer p{margin:4px 0;text-align:right}.muted{color:#687487}.toast{position:fixed;right:18px;bottom:18px;z-index:20;padding:12px 15px;border:1px solid var(--line);background:#151b25;color:#e9eef5;border-radius:12px;box-shadow:var(--shadow);font-size:12px;font-weight:750;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}.reveal{animation:rise .7s both cubic-bezier(.2,.7,.2,1)}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.22s}.delay-4{animation-delay:.28s}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:900px){.mailbox-grid{grid-template-columns:310px 1fr}.steps{grid-template-columns:1fr 1fr}}@media(max-width:720px){.shell{width:min(100% - 22px,1160px)}.topbar{height:70px}.provider span:not(.status-dot){display:none}.hero{padding:58px 0 32px}.hero h1{letter-spacing:-3.7px}.dashboard{padding:14px;border-radius:21px}.panel-head{align-items:stretch;flex-direction:column}.panel-actions{display:grid;grid-template-columns:1fr;gap:8px}.panel-actions .btn{width:100%}.btn.primary{width:100%}.email-line{align-items:stretch;flex-direction:column}.actions{width:100%}.icon-btn{flex:1}.mailbox-grid{display:block;min-height:0}.inbox-list{border-right:0;border-bottom:1px solid var(--line)}.message-list{max-height:275px}.message-view{min-height:390px;padding:16px}.info-grid{grid-template-columns:1fr;margin-top:45px}.tutorial{padding:22px}.steps{grid-template-columns:1fr}.step{display:grid;grid-template-columns:38px 1fr;gap:8px}.update-card{display:block}.update-card ul{margin-top:20px}.footer{align-items:flex-start;flex-direction:column}.footer p{text-align:left}.notice-public{align-items:flex-start;flex-direction:column}.notice-public a{white-space:normal}}@media(max-width:390px){.brand{font-size:17px}.brand-mark{width:32px;height:32px}.hero h1{font-size:52px}.email-line code{font-size:13px}.dashboard{padding:10px}.message-view{padding:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}