:root{--navy:#0b2a5b;--navy2:#123f7d;--deep:#06142c;--teal:#0f8e8c;--teal2:#18b3a1;--mint:#9fe6d9;--fg:#132338;--muted:#526478;--line:#dbe5ea;--bg:#eef4f6;--bad:#b42727;--good:#1e7a3c;
--strip:linear-gradient(90deg,#d93636,#e8771f,#f2b705,#2e9b4a,#1e6fd9,#7b3fbf)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"DM Sans","Segoe UI",system-ui,sans-serif;color:var(--fg);min-height:100vh;background:radial-gradient(900px 600px at 80% 0%,rgba(24,179,161,.35),transparent 60%),linear-gradient(140deg,#06142c,#0b2a5b 55%,#0f6f86);display:flex;flex-direction:column;align-items:center;padding:28px 16px 40px;font-size:16px;line-height:1.5}
h1,h2,b.d{font-family:Poppins,"Segoe UI",system-ui,sans-serif}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;margin-bottom:26px}
.brand img{width:54px;height:54px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.15)}
.brand b{display:block;font-family:Poppins,sans-serif;letter-spacing:3px;font-size:16px}
.brand small{display:block;color:var(--mint);font-size:11px;letter-spacing:2px;font-weight:700}
.card{width:100%;max-width:440px;background:#fff;border-radius:26px;padding:30px 26px;box-shadow:0 30px 70px rgba(0,0,0,.35);position:relative;overflow:hidden}
.card.wide{max-width:900px}
.card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--strip)}
.card h1{font-size:26px;color:var(--navy);margin:4px 0 6px;line-height:1.15}
.card p.sub{color:var(--muted);margin-bottom:20px}
.eyebrow{font-family:Poppins,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--teal)}
label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:14px}
input,select{font:inherit;color:var(--fg);border:1px solid var(--line);border-radius:12px;padding:11px 13px;min-height:48px;background:#fff;width:100%}
input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--teal2);outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:0;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;font-size:15px;text-decoration:none}
.btn.primary{width:100%;background:linear-gradient(135deg,var(--teal2),var(--teal));color:#fff;box-shadow:0 8px 22px rgba(24,179,161,.4)}
.btn.ghost{background:#eef4f6;color:var(--navy)}
.btn.small{min-height:38px;padding:0 14px;font-size:13.5px}
.btn.wa{background:#25D366;color:#fff}
.btn.danger{background:#fde8e7;color:var(--bad)}
.btn:disabled{opacity:.6;cursor:wait}
.msg{border-radius:12px;padding:11px 14px;font-size:14.5px;margin-bottom:14px;display:none}
.msg.err{display:block;background:#fde8e7;color:var(--bad)}
.msg.ok{display:block;background:#e3f4e7;color:var(--good)}
.foot{color:#cfe0ee;font-size:14px;margin-top:20px;text-align:center;max-width:440px}
.foot a{color:var(--mint)}
.muted{color:var(--muted);font-size:14px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ath{border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:12px}
.ath h3{font-family:Poppins,sans-serif;font-size:17px;color:var(--navy)}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#e3f4e7;color:var(--good)}
.pill.no{background:#f6f9fb;color:var(--muted);border:1px solid var(--line)}
.linkbox{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#f6f9fb;border:1px dashed var(--line);border-radius:12px;padding:10px;margin-top:10px;word-break:break-all;font-size:13.5px}
.acc{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;border-top:1px dashed var(--line);padding-top:10px;margin-top:10px;font-size:14.5px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
details{margin-top:18px}
summary{cursor:pointer;font-weight:600;color:var(--navy)}