body{margin:0;background:#f5f7fa;color:#182339;font:16px/1.5 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:20px;overflow-wrap:anywhere}header h1{margin-bottom:20px}.banner{background:#fff3cb;padding:14px;border-radius:8px;font-size:14px}.login{max-width:420px;background:white;border:1px solid #ccd4df;border-radius:12px;padding:22px}label{display:block;margin:10px 0}label input:not([type=checkbox]),label select{display:block;width:100%;max-width:430px;box-sizing:border-box}input,select,button{font:inherit;padding:10px;border:1px solid #aab8c9;border-radius:6px;max-width:100%}button{background:#064d76;color:white;cursor:pointer;margin:5px 0}button:disabled{opacity:.6;cursor:wait}a{color:#064d76;display:inline-block;padding:8px 0}fieldset{min-width:0}article{padding:15px;margin:14px 0;border:1px solid #ccd4df;background:white;border-radius:8px}footer{margin-top:30px;font-size:14px}[role=alert]{color:#a41919}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e3ac00;outline-offset:2px}@media(max-width:500px){main{padding:12px}.login{padding:15px}}