:root{font-family:Arial,sans-serif;color:#14354a;background:#edf3f7;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{background:#0b2c40;color:white;padding:24px max(20px,calc((100vw - 1040px)/2));display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}header span{font-size:16px;font-weight:bold;letter-spacing:1px}header small{font-size:11px;letter-spacing:1px;color:#b7d3e3}main{width:calc(100% - 32px);max-width:480px;margin:64px auto 40px;background:white;border-top:4px solid #0079b9;border-radius:12px;padding:32px;box-shadow:0 12px 35px #0b2c4010}h1{font-size:30px;margin:0 0 12px}h2{font-size:18px;margin:0 0 10px}p{line-height:1.55;margin:0 0 24px;color:#496171}label{display:block;font-size:14px;font-weight:bold;margin:20px 0 8px}input{width:100%;font:inherit;padding:13px;border:1px solid #b9cedb;border-radius:6px}input:focus,button:focus-visible,a:focus-visible{outline:3px solid #71c7f2;outline-offset:2px}button{margin-top:24px;width:100%;padding:14px;font:inherit;font-weight:bold;border:0;border-radius:6px;background:#0079b9;color:white;cursor:pointer}.secondary{background:#e7f2f9;color:#064775}.error{padding:12px;background:#fff1ef;color:#93251c;border-radius:6px}.notice{background:#f0f6fa;padding:16px;border-radius:6px}.notice p{margin:0}.hint{font-size:12px;margin:20px 0 0;color:#718793}footer{text-align:center;font-size:12px;padding:20px;color:#6c8190}a{color:#006da5}@media(max-width:480px){header{padding:18px 16px}main{margin:28px auto;padding:24px}h1{font-size:26px}}