*{box-sizing:border-box}body{margin:0;background:#eef2f6;color:#183049;font:16px system-ui}main{max-width:1000px;margin:auto;padding:24px}header{background:#122e4c;color:white;padding:28px;border-radius:16px}h1{margin:10px 0}h2{font-size:21px}section,form#login{background:white;border-radius:12px;padding:22px;margin:18px 0}article{border:1px solid #d9e2ec;padding:16px;margin:12px 0;border-radius:8px}label{display:block;margin:10px 0}input,textarea,button{font:inherit;max-width:100%;padding:10px}input,textarea{border:1px solid #aabaca;border-radius:6px}input[type=file],textarea{width:100%}textarea{min-height:75px}button{background:#165e8b;color:white;border:0;border-radius:6px;cursor:pointer;margin:6px 8px 6px 0}a{color:#155e8b;display:inline-block;margin:10px}pre,#status{white-space:pre-wrap;overflow-wrap:anywhere}#status{color:#8f291d}small{display:block;overflow-wrap:anywhere}.alert{color:#96380c}footer{font-size:13px;margin:24px 0}details{margin:16px 0}[hidden]{display:none!important}@media(max-width:500px){main{padding:12px}header,section{padding:18px}button{width:100%}}
audio{display:block;width:100%;margin:12px 0}select{max-width:100%;font:inherit;padding:8px}#otpLogin{background:white;padding:22px;border-radius:12px;margin:18px 0}