*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#eaf1ff,#f6f2fa);color:#18233e;font:16px -apple-system,BlinkMacSystemFont,Arial,sans-serif;min-height:100vh;padding:8vh 20px}main{max-width:480px;margin:auto;background:#ffffffef;padding:32px;border-radius:26px;box-shadow:0 20px 80px #18316715}.brand{font-size:11px;letter-spacing:3px;color:#60728e}h1{font-size:30px;letter-spacing:-1px}p{line-height:1.6;color:#586780}label{display:block;margin:20px 0;font-size:14px;font-weight:600}input,textarea{display:block;width:100%;margin-top:9px;padding:14px;border:1px solid #dce1eb;border-radius:12px;font:16px inherit}button{width:100%;border:0;border-radius:12px;background:#253e78;color:white;padding:16px;font-size:16px;cursor:pointer}a{color:#253e78}textarea{height:110px;word-break:break-all}
body{display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 15%,#c3d8ff,transparent 60%),radial-gradient(ellipse at 90% 90%,#e4d5f3,transparent 65%),#edf1f9}main{width:100%;max-width:390px;text-align:center;border:1px solid #fff;padding:36px 28px;box-shadow:0 25px 100px #18316725}input.pin{text-align:center;font-size:32px;letter-spacing:14px;padding-left:28px}h1{font-size:26px}