:root { color-scheme: light; --ink:#123044; --muted:#667985; --cold:#087f8c; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:20px; background:radial-gradient(circle at top,#e7f5f3,#f4f8f8 52%); color:var(--ink); font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif; }
main { width:min(430px,100%); padding:36px; background:#fff; border:1px solid #dce8e9; border-radius:20px; box-shadow:0 22px 70px #12304418; }
.drop { width:52px; height:52px; display:grid; place-items:center; margin-bottom:20px; border-radius:18px; background:var(--cold); color:#fff; font:700 28px Georgia,serif; transform:rotate(-8deg); }
.eyebrow { font-size:11px; letter-spacing:.16em; font-weight:800; }
h1 { margin:4px 0; font:700 38px/1.15 Georgia,serif; }
p { margin:0 0 26px; color:var(--muted); }
label { display:block; margin-bottom:7px; font-weight:750; }
input { width:100%; border:1px solid #bfd0d3; border-radius:10px; padding:12px; font:inherit; }
input:focus { outline:3px solid #087f8c26; border-color:var(--cold); }
button { width:100%; margin-top:8px; border:0; border-radius:10px; padding:12px; background:var(--ink); color:white; font-weight:800; cursor:pointer; }
.error { min-height:28px; padding-top:5px; color:#b64040; font-size:13px; }
small { display:block; margin-top:20px; color:var(--muted); text-align:center; }