:root{font-family:"Segoe UI",Arial,sans-serif;color:#243c49;background:#f5f1e7}*{box-sizing:border-box}body{margin:0;padding:32px 18px}.account{max-width:460px;margin:5vh auto;background:#fffdf7;border:1px solid #dce0d6;border-radius:24px;padding:32px}.brand{font-size:25px;font-weight:800;text-decoration:none;color:#243c49}.brand b{color:#b84b18}h1{font-size:30px;line-height:1.2;margin:30px 0 12px}p{line-height:1.6;color:#53656c}label{display:block;font-weight:650;margin:18px 0 7px}input{font:inherit;width:100%;padding:14px;border:2px solid #cbd2c9;border-radius:12px;background:white;color:#243c49;min-height:50px}button{font:inherit;font-weight:700;width:100%;border:0;border-radius:12px;padding:16px;background:#215ac5;color:white;margin-top:24px;cursor:pointer;min-height:52px}a{color:#215ac5}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #215ac5;outline-offset:3px}.error{background:#fbe8df;color:#8a3029;padding:12px;border-radius:10px}.note{font-size:13px}.switch{text-align:center}@media(max-width:500px){.account{padding:24px;margin-top:12px}h1{font-size:27px}}