*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}header{color:#fff;background:#2563eb;padding:1rem 2rem}header h1{font-size:1.5rem;font-weight:600}main{max-width:640px;margin:2rem auto;padding:0 1rem}form{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}form h2{margin-bottom:1rem;font-size:1.25rem}form>div{margin-bottom:1rem}label{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;display:block}input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}form p{color:#dc2626;margin-top:.25rem;font-size:.8rem}form p:first-child{color:#16a34a;font-weight:500}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;width:100%;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500}button:hover{background:#1d4ed8}button:focus{outline:none;box-shadow:0 0 0 3px #2563eb4d}