*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#1d3557,#457b9d);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:16px}
.card{background:#fff;color:#1b2430;width:100%;max-width:360px;border-radius:20px;padding:28px 24px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.card img{border-radius:16px}
h1{margin:10px 0 2px;font-size:1.5rem}.sub{margin:0 0 18px;color:#5b6573}
label{display:block;text-align:left;font-size:.85rem;color:#5b6573;margin-bottom:12px}
input{display:block;width:100%;margin-top:4px;padding:12px;border:1px solid #c9d2dc;border-radius:10px;font-size:16px}
input:focus{outline:2px solid #457b9d;border-color:transparent}
button{width:100%;padding:13px;border:0;border-radius:10px;background:#1d3557;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}
.err{background:#fde8e8;color:#9b1c1c;padding:10px;border-radius:10px;font-size:.9rem}