:root{font-family:Arial,sans-serif;color:#192e3d;background:#eef3f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:54px 20px;background:linear-gradient(135deg,#edf5f8,#f8fafb)}main{max-width:520px;margin:0 auto;padding:38px;background:white;border:1px solid #dfe7ec;border-radius:22px;box-shadow:0 18px 55px #23445b0b}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:1.5px;margin-bottom:44px}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#165de5;color:white;font-size:22px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#547386}h1{font-size:32px;line-height:1.18;letter-spacing:-1px;margin:12px 0}h2{font-size:18px}p{line-height:1.6}.intro{color:#627584;margin-bottom:30px}label{display:block;font-size:13px;font-weight:700;margin:19px 0 8px}input{width:100%;height:50px;border:1px solid #ccd8e0;border-radius:10px;padding:0 12px;font-size:16px;color:#192e3d}input:focus{outline:3px solid #c6d9fc;border-color:#165de5}button{width:100%;min-height:50px;margin-top:26px;border:0;border-radius:10px;background:#165de5;color:white;font-size:15px;font-weight:bold;cursor:pointer}button:hover{background:#104bbb}button:focus-visible{outline:3px solid #86b0f5;outline-offset:3px}.secondary{background:#edf2f6;color:#192e3d}.error,.notice{padding:12px 15px;border-radius:8px;font-size:14px}.error{background:#fff0ed;color:#a12721}.notice{background:#edf8f1;color:#17663a}.hint,footer{font-size:12px;color:#627584}footer{margin-top:32px;padding-top:22px;border-top:1px solid #e7edf1}section{background:#f5f8fb;padding:22px;border-radius:12px;overflow-wrap:anywhere}.badge{font-size:12px;color:#17663a;font-weight:700}@media(max-width:540px){body{padding:22px 12px}main{padding:26px 22px}.brand{margin-bottom:34px}h1{font-size:29px}}