@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b1020;--panel:#11182b;--text:#f5f6fc;--muted:#9ca7c0;--line:rgba(190,202,239,.14);--accent:#b5f4d1;--accent-dark:#10281f}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#1b2544 0%,var(--bg) 55%);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.15;pointer-events:none}.ambient-one{width:280px;height:280px;background:#6576f4;top:10%;left:-140px}.ambient-two{width:300px;height:300px;background:#4ecf9a;right:-170px;bottom:8%}.topbar{height:84px;max-width:1120px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-family:Manrope,sans-serif;font-weight:800;text-decoration:none;letter-spacing:-.4px}.brand-mark,.foot-mark{display:grid;place-items:center;background:var(--accent);color:var(--accent-dark);font-weight:800;border-radius:11px;width:34px;height:34px}.secure-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #b5f4d188}.shell{max-width:1020px;margin:35px auto 58px;padding:0 28px;display:grid;grid-template-columns:1fr minmax(360px,440px);gap:76px;align-items:center;position:relative;z-index:1}.intro{padding:20px 0}.eyebrow,.mini-label{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow-line{width:25px;height:1px;background:var(--accent)}h1,h2,p{margin-top:0}h1{font:800 clamp(42px,5.2vw,64px)/1.1 Manrope,sans-serif;letter-spacing:-3px;margin:24px 0 18px}h1 span{color:var(--accent)}.intro-copy{max-width:380px;color:var(--muted);line-height:1.8;font-size:14px}.feature-row{display:flex;align-items:center;gap:14px;margin-top:30px}.feature-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--accent);font-size:19px}.feature-row strong,.feature-row small{display:block}.feature-row strong{font-size:12px;font-weight:600}.feature-row small{font-size:11px;color:var(--muted);margin-top:5px}.panel{background:linear-gradient(145deg,rgba(23,32,55,.97),rgba(14,21,38,.98));border:1px solid rgba(194,208,246,.16);border-radius:23px;padding:31px 30px 0;box-shadow:0 30px 90px #0004;backdrop-filter:blur(18px)}.panel-heading h2,#dashboard-view h2{font:700 26px/1.25 Manrope,sans-serif;letter-spacing:-.8px;margin:10px 0 8px}.panel-heading p,.panel-sub{font-size:12px;color:var(--muted);margin-bottom:22px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#0a1020;padding:4px;border-radius:10px;margin-bottom:23px}.tab{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:10px 8px;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.tab.active{background:#28334c;color:var(--text);box-shadow:0 2px 7px #0002}.field{display:block;font-size:11px;font-weight:600;color:#d8deed;margin:0 0 17px}.field input{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:9px;background:#0b1222;color:var(--text);padding:13px 14px;font:400 12px 'DM Sans',sans-serif;outline:none;transition:border .2s}.field input::placeholder{color:#64708b}.field input:focus{border-color:#9fe6c0;box-shadow:0 0 0 3px #b5f4d11a}.field-hint{display:block;font-size:10px;color:#8793ad;font-weight:400;margin-top:7px}.primary-btn,.secondary-btn{width:100%;border:0;border-radius:9px;display:flex;justify-content:space-between;align-items:center;padding:14px 15px;font:700 12px 'DM Sans',sans-serif;cursor:pointer;transition:transform .15s,opacity .15s}.primary-btn{background:var(--accent);color:#14261e;margin-top:3px}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait}.message{font-size:11px;line-height:1.5;margin:-3px 0 12px;color:#ffb8b8;min-height:0}.message:empty{display:none}.message.success{color:var(--accent)}.legal{font-size:10px;line-height:1.7;color:#77839d;margin:17px 0 24px}.panel-foot{border-top:1px solid var(--line);margin:0 -30px;padding:15px 30px;display:flex;align-items:center;gap:9px;font-size:10px;color:#9da8c0}.foot-mark{width:23px;height:23px;font-size:11px;border-radius:7px}.foot-right{margin-left:auto;color:#74809b}.footer{max-width:1020px;margin:auto;padding:0 28px 28px;display:flex;justify-content:space-between;color:#68748e;font-size:10px;position:relative;z-index:1}.hidden{display:none!important}.dashboard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--accent);color:#14261e;font:800 18px Manrope,sans-serif}.account-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#0b1222;border-radius:12px;padding:15px 12px;margin:24px 0}.account-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#263c3a;color:var(--accent)}.account-card small,.account-card strong,.account-card div span{display:block}.account-card small{font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:5px}.account-card strong{font-size:11px;overflow-wrap:anywhere}.account-card div span{font-size:10px;color:var(--muted);margin-top:5px}.status-pill{margin-left:auto;font-size:9px;background:#19362d;color:var(--accent);padding:5px 8px;border-radius:30px}.dashboard-note{padding:17px;border:1px solid #b5f4d126;background:#b5f4d109;border-radius:11px;margin-bottom:20px}.dashboard-note strong{font-size:12px}.dashboard-note p{font-size:11px;line-height:1.7;color:var(--muted);margin:7px 0 0}.secondary-btn{border:1px solid var(--line);background:#202b43;color:var(--text);margin-bottom:26px}.secondary-btn span{color:var(--accent)}@media(max-width:760px){.topbar{height:72px;padding:0 21px}.shell{grid-template-columns:1fr;gap:28px;margin:22px auto 35px;padding:0 20px;max-width:500px}.intro{padding:8px 0 0}.intro h1{font-size:45px;margin:19px 0 13px}.intro-copy{font-size:13px}.feature-row{display:none}.panel{padding:26px 23px 0}.panel-foot{margin:0 -23px;padding:14px 23px}.footer{padding:0 20px 22px;gap:15px;line-height:1.6}.footer span:last-child{text-align:right}.secure-note{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}