:root { color-scheme: light; --navy:#142a2f; --teal:#1f7374; --teal-dark:#15595a; --paper:#f4f2ee; --surface:#fff; --ink:#202b2f; --muted:#697377; --line:#d8dddc; --danger:#a33328; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:linear-gradient(140deg,var(--navy),#24464a 48%,var(--paper) 48%); color:var(--ink); font:16px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.shell { width:min(680px,calc(100% - 32px)); margin:0 auto; padding:48px 0; }
.brand { display:flex; align-items:center; gap:14px; margin-bottom:28px; color:#fff; }
.brand img { width:58px; height:58px; border-radius:9px; }
.brand strong,.brand span { display:block; }
.brand strong { font-size:30px; letter-spacing:.02em; }
.brand span { max-width:460px; color:#c9d7d8; font-size:14px; }
.panel { padding:clamp(26px,5vw,48px); border:1px solid rgba(255,255,255,.65); border-radius:20px; background:rgba(255,255,255,.97); box-shadow:0 24px 70px rgba(5,22,26,.25); }
.eyebrow { margin:0 0 8px; color:var(--teal); font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(34px,7vw,50px); line-height:1.05; }
.lede { margin:16px 0 28px; color:var(--muted); font-size:18px; }
form { display:grid; gap:18px; }
label { display:grid; gap:7px; font-weight:700; }
input { width:100%; padding:13px 14px; border:1px solid #aeb8b8; border-radius:9px; background:#fff; color:var(--ink); font:inherit; }
input:focus { outline:3px solid rgba(31,115,116,.2); border-color:var(--teal); }
button,.download { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:11px 18px; border:1px solid var(--teal); border-radius:9px; background:var(--teal); color:#fff; font:inherit; font-weight:800; cursor:pointer; text-decoration:none; }
button:hover,.download:hover { background:var(--teal-dark); }
.secondary { background:#fff; color:var(--teal-dark); }
.secondary:hover { background:#edf5f4; }
.compact { min-height:40px; padding:7px 12px; }
.notice { padding:12px 14px; border-radius:8px; background:#eef4f3; }
.error { background:#fbecea; color:var(--danger); }
.release-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.release-list { display:grid; gap:14px; }
.release-card { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; padding:18px; border:1px solid var(--line); border-radius:12px; }
.release-card strong,.release-card span { display:block; }
.release-card strong { font-size:19px; }
.release-card span { margin-top:4px; color:var(--muted); font-size:14px; }
.security-note { margin:28px 0 0; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; }
[hidden] { display:none !important; }
@media (max-width:560px) { body { background:var(--navy); } .shell { padding:24px 0; } .brand span { display:none; } .release-card { grid-template-columns:1fr; } .release-heading { display:grid; } }