*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#f8fafc;color:#0f172a;display:flex;align-items:center;justify-content:center;min-height:100vh}
.card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:2.5rem;width:100%;max-width:380px;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
h1{font-size:1.5rem;margin-bottom:0.5rem}
.sub{color:#64748b;font-size:0.875rem;margin-bottom:2rem}
label{display:block;font-size:0.8rem;color:#64748b;margin-bottom:0.4rem}
input{width:100%;padding:0.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;font-size:0.9rem;outline:none;transition:border-color 0.2s}
input:focus{border-color:#94a3b8}
button{width:100%;margin-top:1.25rem;padding:0.875rem;background:#0f172a;color:#ffffff;border:none;border-radius:6px;font-size:0.9375rem;font-weight:500;cursor:pointer;transition:opacity 0.2s}
button:hover{opacity:0.85}
.err{margin-top:0.75rem;color:#dc2626;font-size:0.8rem;text-align:center;display:none}