*{box-sizing:border-box}html{min-height:100%;color-scheme:dark}body{margin:0;min-height:100vh;min-height:100svh;background:radial-gradient(ellipse at 50% 0%,#35627b 0%,#173448 46%,#091923 100%);color:#f4fbff;font-family:Arial,Helvetica,sans-serif}.login-shell{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px}.login-card{width:100%;max-width:420px;padding:32px;border:1px solid #6fe1de33;border-radius:24px;background:#102a3bee;box-shadow:0 24px 80px #0005}.login-logo{display:block;width:132px;height:auto;margin:0 auto 14px;border-radius:16px}.brand{text-align:center;font-size:25px;font-weight:800;letter-spacing:2px;color:#60dfd8}.brand span{color:#f4fbff}.login-role{text-align:center;font-size:10px;font-weight:700;letter-spacing:2.5px;color:#95bdcf;margin:9px 0 26px}h1{font-size:26px;letter-spacing:-.6px;text-align:center;margin:0 0 9px}.login-description{text-align:center;color:#aac3d1;font-size:14px;line-height:1.5;margin:0 0 26px}label{display:block;font-size:13px;font-weight:700;color:#d3e6ee;margin:18px 0 9px}input:not([type=hidden]){display:block;width:100%;min-height:49px;border:1px solid #456377;border-radius:10px;background:#0b2130;color:#fff;padding:13px 14px;font:inherit;font-size:16px}input::placeholder{color:#819dab}input:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #60dfd8;outline-offset:3px}button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;border:0;border-radius:10px;background:#60dfd8;color:#092432;font-size:16px;font-weight:800;margin-top:25px;cursor:pointer}button:hover{background:#83eee6}.login-switch{text-align:center;color:#a9c1ce;font-size:13px;line-height:1.7;margin:22px 0 0}.login-switch a{color:#72e6df;font-weight:700;text-underline-offset:4px}.login-error{padding:12px 14px;border:1px solid #e58d8d66;border-radius:10px;background:#522b35;color:#ffe0e0;font-size:14px;line-height:1.5}.login-footer{color:#8eaab9;font-size:12px;margin:22px 0 0}@media(max-width:480px){.login-shell{padding:24px 16px}.login-card{padding:26px 22px;border-radius:20px}.login-logo{width:112px}}