*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f7fb;color:#17304b;font:17px system-ui,sans-serif;padding:20px}main{width:min(100%,420px);background:#fff;border-radius:24px;padding:28px;box-shadow:0 12px 50px #17304b12}h1{font-size:30px;margin:0 0 12px}p{line-height:1.5}label{display:block;margin:18px 0 8px}input,button{width:100%;font:inherit;min-height:48px;border-radius:12px;padding:12px;border:1px solid #8899ad}button{background:#ffbc38;color:#101d39;border:0;margin-top:24px;font-weight:700;cursor:pointer}:focus-visible{outline:3px solid #a56600;outline-offset:3px}.error{color:#a02424}small{line-height:1.5;display:block;margin-top:20px}@media(max-height:450px){body{display:block}main{margin:auto;padding:18px}}