*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#12294b;font-family:Arial,sans-serif;line-height:1.5}.shell{max-width:480px;margin:auto;padding:32px 20px}.brand{text-align:center}.brand img{width:230px;max-width:100%;height:auto}.brand p{margin:8px 0 24px;color:#58687d}.card{background:white;border:1px solid #e2e8f0;border-radius:18px;padding:30px;box-shadow:0 12px 40px #142b4b0a}h1{font-size:25px;margin:0 0 8px}.intro{color:#58687d;margin:0 0 24px}label{display:block;font-weight:bold;margin:16px 0 6px}input{width:100%;padding:12px;border:1px solid #aebbd0;border-radius:8px;font-size:16px}input:focus{outline:3px solid #d7e5fc;border-color:#254d85}button{width:100%;border:0;border-radius:8px;background:#08254c;color:white;padding:13px;font-size:16px;font-weight:bold;margin:24px 0 8px;cursor:pointer}button:hover{background:#153e72}.link{display:block;text-align:center;color:#174e8b;margin:14px 0}.help{font-size:13px;color:#627188;border-top:1px solid #e4eaf2;padding-top:20px;margin-bottom:0}.notice,.error{padding:12px;border-radius:8px;margin:16px 0;font-size:14px}.notice{background:#eaf5ef;color:#21573a}.error{background:#fff0f0;color:#8b2323}.error ul{margin:0;padding-left:18px}footer{text-align:center;font-size:12px;color:#64748b;margin:24px}a:focus-visible,button:focus-visible{outline:3px solid #76a6e4;outline-offset:3px}@media(max-width:420px){.card{padding:22px}.shell{padding:20px 14px}.brand img{width:190px}}