:root{font-family:Segoe UI,Arial,sans-serif;color:#18283c;background:#f3f5f8;font-size:15px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:20px;background:#172a42;color:#c7d4e6;padding:20px 4%}header .brand{font-size:21px;color:white;text-decoration:none;font-weight:700}.account{margin-left:auto}a{color:#215da0}main{max-width:560px;margin:48px auto;padding:0 24px}h1{font-size:29px;margin-bottom:28px}section{background:white;padding:28px;border:1px solid #e0e6ee;border-radius:8px}button{background:#225b94;color:white;padding:11px 18px;border:0;border-radius:5px;cursor:pointer;font:inherit}.quiet{background:#e4eaf2;color:#1f3855}input{width:100%;font:inherit;border:1px solid #b9c5d4;border-radius:5px;padding:11px;background:white}label{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.warning{background:#fff0cf;border-left:4px solid #ba7b10;padding:16px}.success{color:#166043;background:#e0f2e8;border-left:4px solid #23865e;padding:16px;margin:0 0 22px}@media(max-width:600px){header{flex-wrap:wrap;padding:16px 20px}.account{order:2;margin-left:0;width:100%}main{margin:28px auto;padding:0 14px}}