:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#132238;background:#071b30;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh}.login-page{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#173f65,transparent 40%),linear-gradient(135deg,#041426,#0d3151)}.login-card{width:min(460px,100%);padding:34px;border:1px solid rgba(255,255,255,.55);border-radius:24px;background:rgba(255,255,255,.95);box-shadow:0 28px 80px rgba(0,0,0,.4)}.brand{display:flex;align-items:center;gap:15px;margin-bottom:24px}.brand h1{margin:0;font-size:25px}.brand p{margin:4px 0 0;color:#64748b;font-size:14px}.mark{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:15px;background:linear-gradient(145deg,#d9a42e,#8b5b05);color:white;font-size:30px;font-weight:900}.brand-logo{width:58px;height:58px;flex:0 0 58px;object-fit:cover;border-radius:13px;box-shadow:0 8px 20px rgba(7,27,48,.22)}.app-brand{justify-content:center;margin-bottom:20px}.app-brand .brand-logo{width:52px;height:52px;flex-basis:52px}.tabs{display:flex;margin-bottom:22px;border-bottom:1px solid #dbe3ed}.tabs button{flex:1;padding:11px;border:0;border-bottom:3px solid transparent;background:transparent;color:#7a8799;font-weight:800}.tabs button.active{border-color:#0b3153;color:#0b3153}form{display:grid;gap:16px}form[hidden]{display:none!important}label{display:grid;gap:7px;color:#34465b;font-size:13px;font-weight:800}input{width:100%;min-height:47px;padding:11px 13px;border:1px solid #cbd6e3;border-radius:10px;background:#fff;color:#132238;font:inherit;outline:none}input:focus{border-color:#1769aa;box-shadow:0 0 0 3px rgba(23,105,170,.14)}.password{position:relative;display:block}.password input{padding-right:66px}.show-password{position:absolute;right:7px;top:7px;height:33px;border:0;background:#edf3f8;color:#34516f;border-radius:7px}.primary,.secondary{min-height:47px;padding:11px 18px;border:0;border-radius:10px;font-weight:900;font-size:15px;cursor:pointer}.primary{background:#0b3153;color:#fff}.secondary{background:#d9a42e;color:#071b30}button:disabled{cursor:wait;opacity:.58}.message{min-height:22px;margin:16px 0 0;color:#c93645;font-size:14px}.message.success{color:#16834d}.notice{padding:11px;border-radius:9px;background:#fff3cd;color:#705000;font-size:13px}.app-page{display:grid;place-items:center;padding:24px;background:#eef4f9}.welcome-card{width:min(620px,100%);padding:48px;text-align:center;border:1px solid #d8e2ec;border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(28,55,85,.14)}.welcome-card .mark{margin:0 auto 16px}.welcome-card h1{margin:0}.role{display:inline-block;margin:8px 0 24px;padding:5px 10px;border-radius:99px;background:#e5eff8;color:#0b3153;font-weight:900;font-size:12px}.next{margin-top:26px;color:#708197}@media(max-width:520px){.login-page{padding:12px}.login-card{padding:24px 19px;border-radius:18px}.brand h1{font-size:21px}.brand p{font-size:12px}.brand-logo{width:48px;height:48px;flex-basis:48px}}