:root{--navy:#07111f;--navy-2:#0b1b2d;--card:#0e1d2e;--line:#26394e;--muted:#93a7bc;--red:#e32d36;--white:#f6f8fb}
*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(480px,.95fr)}
.auth-identity{position:relative;overflow:hidden;display:flex;align-items:center;padding:8vw;background:radial-gradient(circle at 12% 15%,#173553 0,transparent 38%),linear-gradient(145deg,#0b2035,#07111f 70%)}
.identity-content{position:relative;z-index:2;max-width:650px}.crest{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:18px 18px 24px 24px;background:linear-gradient(145deg,#f0444c,#b91520);box-shadow:0 18px 50px #d41f2c33;font-weight:900;font-size:25px;letter-spacing:-2px}.crest i{position:absolute;bottom:-7px;width:24px;height:7px;background:#fff;border-radius:0 0 6px 6px}.crest.small{width:45px;height:45px;border-radius:11px 11px 15px 15px;font-size:16px}.crest.small i{bottom:-4px;width:15px;height:4px}
.eyebrow{margin:34px 0 14px;color:#ff6269;font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.auth-identity h1{font-size:clamp(2.6rem,4.4vw,5rem);line-height:1.04;letter-spacing:-.055em}.auth-identity h1 span{color:#a8bed2}.identity-copy{max-width:570px;margin-top:28px;color:#a9bbcc;font-size:1.08rem;line-height:1.75}.status-line{display:flex;align-items:center;gap:10px;margin-top:42px;color:#b8c8d7;font-size:.88rem}.status-line i{width:9px;height:9px;border-radius:50%;background:#35d27d;box-shadow:0 0 0 6px #35d27d1c}.identity-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom right,transparent 20%,#000)}
.auth-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#091522}.login-card{width:min(440px,100%)}.mobile-brand{display:none;align-items:center;gap:16px;margin-bottom:42px;font-size:1.15rem}.mobile-brand.visible{display:flex}.login-card .eyebrow{margin:0 0 12px}.login-card h2{margin:0;font-size:2.35rem;letter-spacing:-.04em}.login-intro{margin:12px 0 34px;color:var(--muted);line-height:1.6}.login-card label{display:block;margin:18px 0 8px;font-size:.84rem;font-weight:700;color:#cfdae5}.field{height:56px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;background:#0b1929;padding:0 16px;transition:.2s}.field:focus-within{border-color:#f14a52;box-shadow:0 0 0 4px #e32d3615}.field svg{width:20px;fill:none;stroke:#8197ad;stroke-width:1.7}.field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:.96rem}.field input::placeholder{color:#61758a}.field button{border:0;background:none;color:#a8bacb;font-size:.8rem}.submit-button{width:100%;height:58px;margin-top:28px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;background:linear-gradient(135deg,#ed343d,#c91824);color:#fff;font-weight:800;box-shadow:0 16px 35px #d5212c25;transition:.2s}.submit-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.submit-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:2}.security-note{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:28px;color:#71879c;font-size:.78rem}.security-note svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.6}.auth-alert{padding:13px 15px;margin-bottom:22px;border:1px solid #f15b6266;border-radius:9px;background:#d3263030;color:#ffabb0;font-size:.88rem}.login-card small{color:var(--muted)}footer{position:absolute;bottom:24px;color:#536b82;font-size:.75rem}.single{display:flex;justify-content:center}.single .auth-access{width:100%}
@media(max-width:900px){.auth-shell{display:block}.auth-identity{display:none}.auth-access{min-height:100vh;padding:38px 24px}.mobile-brand{display:flex}.login-card h2{font-size:2rem}footer{position:static;margin-top:50px;text-align:center}}
[data-bs-theme="light"]{--navy:#edf3f8;--navy-2:#e5edf5;--card:#fff;--line:#c8d4df;--muted:#53697e;--white:#102033}
[data-bs-theme="light"] body{background:#edf3f8;color:#102033}
[data-bs-theme="light"] .auth-identity{background:radial-gradient(circle at 12% 15%,#d8e8f5 0,transparent 38%),linear-gradient(145deg,#edf5fb,#dce8f2 70%)}
[data-bs-theme="light"] .auth-identity h1 span,[data-bs-theme="light"] .identity-copy,[data-bs-theme="light"] .status-line{color:#455e74}
[data-bs-theme="light"] .auth-access{background:#f7fafc}
[data-bs-theme="light"] .login-card label{color:#334b61}
[data-bs-theme="light"] .field{background:#fff}
[data-bs-theme="light"] .field input{color:#102033}
.auth-theme-toggle{position:fixed;right:20px;top:20px;z-index:20;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--white);cursor:pointer}