body{font-family:system-ui,sans-serif;background:#f4f5f7;color:#182333;margin:0;padding:40px 20px}
main{max-width:380px;margin:8vh auto;background:#fff;padding:32px;border-radius:16px;box-shadow:0 8px 40px #17233112}
h1{margin:0 0 8px;font-size:28px}p{color:#596579;line-height:1.6}label{display:block;margin-top:20px}
input,button{box-sizing:border-box;font:inherit;width:100%;padding:12px;margin-top:8px;border-radius:8px;border:1px solid #bbc3ce}
button{background:#234a72;color:white;border:0;margin-top:24px;cursor:pointer}a{color:#234a72}.error{color:#a12626}
@media(prefers-color-scheme:dark){body{background:#151b23;color:#edf2f7}main{background:#202a36}p{color:#b6c2d2}input{background:#151b23;color:#edf2f7}}