:root{--bg:#07111f;--panel:#101e30;--panel2:#14263b;--text:#f5f8fc;--muted:#91a2b8;--line:#20354d;--accent:#4cc9f0;--red:#ff5263;--green:#38d39f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#18365a 0,var(--bg) 42%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.phone-shell,.dashboard-shell{width:min(100%,520px);margin:auto;padding:28px 18px 44px}.hero{text-align:center;padding:20px 10px}.status-pill{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#ff9ca6}.status-pill span{display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 14px var(--red);margin-right:7px}.avatar{width:88px;height:88px;border-radius:28px;margin:24px auto 14px;display:grid;place-items:center;font-size:28px;font-weight:800;background:linear-gradient(145deg,#256da8,#4cc9f0);box-shadow:0 18px 40px #0007}.hero h1,.auth-card h1,.dash-head h1{margin:0;font-size:30px}.muted{color:var(--muted);margin:7px 0}.intro{font-size:15px;line-height:1.5;color:#ccd6e3;max-width:360px;margin:18px auto}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action{border-radius:20px;padding:18px 15px;display:flex;flex-direction:column;box-shadow:0 12px 28px #0004}.action.red{background:linear-gradient(145deg,#eb3d52,#b91e39)}.action.blue{background:linear-gradient(145deg,#198dd0,#2556ae)}.action .icon{font-size:25px;margin-bottom:12px}.action small,.contact small,.private-entry small,.vault-item small,.alert-card small{display:block;margin-top:5px;opacity:.75;line-height:1.3}.card,.private-entry,.vault-item,.alert-card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);box-shadow:0 14px 35px #0003}.card{border-radius:22px;padding:18px;margin-top:15px}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#9eafc2;margin-bottom:12px}.tag{font-size:9px;color:var(--accent);background:#16394d;padding:5px 8px;border-radius:8px}.contact{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.mini-avatar{width:40px;height:40px;border-radius:13px;background:#28415e;display:grid;place-items:center;font-weight:800}.details>div:not(.section-title){display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid var(--line);font-size:14px}.details span{color:var(--muted)}.private-entry{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;border-radius:22px;padding:17px;margin-top:15px}.lock{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#203b56;color:var(--accent);font-size:24px}.privacy-note{text-align:center;color:#687c94;font-size:11px;line-height:1.5;margin:18px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(100%,410px);background:#0d1b2b;border:1px solid var(--line);padding:30px 24px;border-radius:28px;box-shadow:0 30px 80px #0008;text-align:center}.vault-mark{width:66px;height:66px;border-radius:22px;background:linear-gradient(145deg,#255ca8,#4cc9f0);display:grid;place-items:center;margin:0 auto 20px;font-size:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:800}form{text-align:left;margin-top:24px}label{display:block;color:#afbdcc;font-size:13px;margin:14px 0}input{width:100%;margin-top:8px;background:#071421;border:1px solid #2a415b;color:#fff;border-radius:14px;padding:15px;font-size:16px;outline:none}input:focus{border-color:var(--accent)}.primary{width:100%;display:block;border:0;border-radius:14px;background:linear-gradient(135deg,#2993cf,#4169d8);color:#fff;padding:15px;font-size:15px;font-weight:800;text-align:center;cursor:pointer;margin-top:18px}.text-link{display:block;color:#8fbfe3;margin-top:22px;font-size:13px}.tiny{font-size:10px;color:#647a91;margin-top:20px}.notice{padding:12px;border-radius:12px;font-size:13px;margin-top:18px}.notice.error{background:#4b1d28;color:#ffb7be}.notice.success{background:#123d34;color:#9bedcf}.dash-head{display:flex;align-items:flex-start;justify-content:space-between;margin:20px 2px 24px}.logout{font-size:12px;color:#fba8b1;border:1px solid #783b45;padding:9px 13px;border-radius:10px}.alert-card{border-radius:18px;padding:15px;display:flex;gap:12px;margin-bottom:15px}.vault-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vault-item{border-radius:20px;padding:15px;min-height:150px}.tile{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;font-size:20px;margin-bottom:20px}.purple{background:#473876}.cyan{background:#175b70}.amber{background:#66501e}.green{background:#185b48}.redtile{background:#6b2935}.vault-item b{display:block;font-size:14px}.vault-item small{font-size:11px;color:#9cacbd}.recovery ol{margin:6px 0 0;padding-left:22px;color:#c5d0dc;font-size:13px;line-height:2}@media(max-width:370px){.quick-grid,.vault-grid{grid-template-columns:1fr}.vault-item{min-height:auto}.tile{margin-bottom:10px}}