
:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;--acbg:#071222;--acpanel:#101d32;--acline:#2a3c56;--actext:#eaf2ff;--acmuted:#a0b1c9;--acblue:#1769c2;--acgold:#f0bd63}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 5% 10%,#17345a 0,transparent 34%),radial-gradient(ellipse at 90% 95%,#172b52 0,transparent 42%),var(--acbg);color:var(--actext)}
.auth-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px}.auth-layout{width:min(1100px,100%);min-height:610px;display:grid;grid-template-columns:1fr .91fr;overflow:hidden;border-radius:26px;border:1px solid #2b4361;box-shadow:0 28px 90px #0008;background:#0c192b}
.auth-hero{position:relative;min-height:590px;padding:34px 39px 28px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 50% 50%,#164c89 0,#0c284d 48%,#071a33 85%);border-right:1px solid #2c4c74;overflow:hidden}.auth-hero:after{content:"";position:absolute;width:440px;height:440px;right:-225px;bottom:-255px;border:65px solid #2772c129;border-radius:50%;pointer-events:none}
.auth-institution{display:flex;align-items:center;gap:18px;z-index:1;color:#dceafc;font-size:10px;font-weight:650;letter-spacing:1.2px;line-height:1.75}.crest-hero{width:95px;height:95px;object-fit:contain;filter:drop-shadow(0 12px 10px #0005)}.auth-institution b{font-size:11px;color:#fff}.auth-hero-main{position:relative;z-index:1}.auth-tag{font-size:10px;color:#c9dcf1;border:1px solid #4f7aa8;background:#16446e;padding:8px 12px;border-radius:100px;letter-spacing:1.15px;font-weight:800}.auth-tag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f2c369;margin-right:7px}.auth-hero-main h2{font-size:clamp(32px,3.2vw,42px);line-height:1.12;letter-spacing:-1.3px;margin:29px 0 16px;font-weight:800}.auth-hero-main h2 em{font-style:normal;color:#f1be6c}.auth-hero-main p{color:#b2cbe5;font-size:14px;line-height:1.7;max-width:400px}.hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #3b5f85;padding-top:18px;font-size:10px;font-weight:750;letter-spacing:1px;color:#e4efff}.hero-foot span{color:#9fbad9;font-weight:500}
.auth-card{width:100%;max-width:490px;padding:36px 40px;display:flex;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#121f34,#101a2d)}.auth-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:51px}.auth-mini{display:flex;gap:9px;align-items:center;font-size:16px;font-weight:850}.auth-mini img{width:42px;height:42px;object-fit:contain}.auth-mini b{color:#83b8ee}.auth-mini small{display:block;font-size:8px;letter-spacing:1.4px;color:#8ca2bc;margin-top:5px}.auth-protected{font-size:9px;color:#6bdaa4;letter-spacing:.9px;font-weight:750;white-space:nowrap}
.eyebrow{color:#88afd7;font-size:10px;letter-spacing:1.7px;font-weight:800;margin:0 0 11px}h1{font-size:31px;letter-spacing:-1px;margin:0 0 10px}p.intro{font-size:13px;color:#9eb1c9;line-height:1.7;margin:0 0 30px}form{display:grid;gap:19px}label{display:grid;gap:9px;color:#b7cce5;font-size:12px;font-weight:730}input{display:block;width:100%;height:48px;background:#0a1525;border:1px solid #40536e;border-radius:11px;color:#f1f7ff;padding:0 14px;font-size:14px;outline:0}input:focus{border-color:#62b7f9;box-shadow:0 0 0 3px #3c9ceb28}button{margin-top:7px;height:49px;border:0;border-radius:10px;font-size:13px;font-weight:800;background:linear-gradient(90deg,#0d5ec2,#247fe0);color:white;cursor:pointer}button:hover{filter:brightness(1.12)}button span{float:right;margin-right:12px}.login-foot{margin-top:30px;border-top:1px solid #2b405a;padding-top:20px;display:flex;gap:12px;justify-content:space-between;color:#859bb4;font-size:10px}.helper{color:#839cb7;font-size:11px;line-height:1.6;margin:20px 0 0}.credit{font-size:10px;color:#91a6be;margin:22px 0 0}.auth-theme-toggle{position:fixed;right:24px;top:18px;z-index:50;width:auto;height:auto;padding:10px 14px;background:#1d3652;border:1px solid #52799e;color:#dbefff;font-size:11px;border-radius:100px;box-shadow:none}.auth-theme-toggle span{float:none;margin:0}.auth-error,.auth-success{border:1px solid #b05462;background:#4a2632;color:#ffbfc8;border-radius:9px;padding:12px 14px;margin-bottom:18px;font-size:12px;line-height:1.5}.auth-success{border-color:#3a8f7a;background:#21443e;color:#b5ffe2}
.auth-shell:not(.login-variant) .auth-card{width:min(465px,100%);border:1px solid #38536d;box-shadow:0 24px 80px #0006;border-radius:22px;padding:35px}.auth-brand{font-weight:800;font-size:24px}.auth-brand span{color:#75b5ec}.install-crest img{object-fit:contain}.auth-shell:not(.login-variant) .eyebrow{margin-top:25px}
:root[data-theme="light"]{color-scheme:light;--acbg:#eef3fb;--acpanel:#fff;--acline:#d8e2f2;--actext:#111e37;--acmuted:#687f9e}
:root[data-theme="light"] body{background:#eff4fb;color:#1b3154}
:root[data-theme="light"] .auth-layout{border-color:#c4d4e7;background:#fff;box-shadow:0 24px 65px #486b9633}
:root[data-theme="light"] .auth-hero{background:radial-gradient(circle at 60% 40%,#d7e9ff,#f2f8ff 70%);border-right-color:#d4e2f1}
:root[data-theme="light"] .auth-institution,:root[data-theme="light"] .auth-institution b,:root[data-theme="light"] .auth-hero-main h2,:root[data-theme="light"] .hero-foot{color:#0a336c}
:root[data-theme="light"] .auth-hero-main h2 em{color:#b8811c}
:root[data-theme="light"] .auth-hero-main p,:root[data-theme="light"] .hero-foot span{color:#567391}
:root[data-theme="light"] .auth-tag{background:#e3effd;border-color:#a8c7e8;color:#134779}
:root[data-theme="light"] .hero-foot{border-top-color:#cedceb}
:root[data-theme="light"] .auth-card{background:#fff;color:#102747}
:root[data-theme="light"] .auth-mini b{color:#0965b8}
:root[data-theme="light"] .auth-mini small,:root[data-theme="light"] .eyebrow{color:#486d9c}
:root[data-theme="light"] p.intro,:root[data-theme="light"] label,:root[data-theme="light"] .helper,:root[data-theme="light"] .credit{color:#687e99}
:root[data-theme="light"] input{background:#f8fbff;color:#102747;border-color:#c8d7e8}
:root[data-theme="light"] .login-foot{color:#637e9b;border-top-color:#d8e5f1}
:root[data-theme="light"] .auth-theme-toggle{background:#fff;color:#134979;border-color:#c1d1e3}
:root[data-theme="light"] .auth-shell:not(.login-variant) .auth-card{border-color:#c4d5e5}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr;max-width:560px}.auth-hero{min-height:260px;padding:26px 28px}.auth-institution .crest-hero{width:68px;height:68px}.auth-hero-main h2{font-size:25px;margin:12px 0 8px}.auth-hero-main p,.auth-tag,.hero-foot{display:none}.auth-card{max-width:none;padding:27px}.auth-card-head{margin-bottom:26px}}
@media(max-width:520px){.auth-shell{padding:70px 12px 24px}.auth-card{padding:25px 21px}h1{font-size:25px}.login-foot{gap:10px;flex-wrap:wrap}.auth-hero{min-height:210px}.auth-institution{font-size:8px}.auth-institution b{font-size:9px}.auth-hero-main h2{font-size:24px}.auth-protected{font-size:8px}.auth-theme-toggle{right:12px;top:10px}}
