body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; background:#f5f7fb; margin:0; padding:40px;}
.card{max-width:420px; margin:0 auto; background:#fff; padding:24px; border-radius:14px; box-shadow:0 8px 24px rgba(0,0,0,.08);}
h1{font-size:20px; margin:0 0 14px;}
label{display:block; font-size:13px; margin:12px 0 6px;}
input{width:100%; padding:10px 12px; border:1px solid #d8dee6; border-radius:10px; outline:none;}
input:focus{border-color:#7aa7ff;}
button{width:100%; margin-top:16px; padding:10px 12px; border:0; border-radius:10px; background:#2563eb; color:#fff; font-weight:600; cursor:pointer;}
.err{background:#fee2e2; color:#7f1d1d; padding:10px 12px; border-radius:10px; margin:10px 0 0;}
.topbar{display:flex; justify-content:space-between; align-items:center; background:#fff; padding:12px 18px; border-radius:14px; box-shadow:0 8px 24px rgba(0,0,0,.06);}
.container{max-width:1000px; margin:18px auto 0; background:#fff; padding:18px; border-radius:14px; box-shadow:0 8px 24px rgba(0,0,0,.06);}
a{color:#2563eb; text-decoration:none;}
a:hover{text-decoration:underline;}