*{box-sizing:border-box}.login-page{margin:0;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:48px 20px;background-color:#030e1b;background-image:linear-gradient(90deg,#010c1a18,#04132708),url('/branding/server-room-reference.png');background-size:cover;background-position:center;font:16px/1.5 Inter,"Segoe UI",Arial,sans-serif;color:#f3f7ff}.login-page:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 20%,#00081338 100%)}.login-card{position:relative;z-index:1;width:min(626px,100%);padding:32px 46px 28px;background:linear-gradient(135deg,#162d43bd,#030f1de8 54%,#0a2137d6);border:1px solid #5e99cbd1;border-radius:22px;box-shadow:inset 0 1px 0 #c5e4ff15,0 25px 70px #0009,0 0 35px #008cff0b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.login-brand{position:relative;width:190px;height:188px;margin:0 auto 25px}.login-brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.login-brand .brand-contrast{filter:brightness(0) invert(1)}.login-brand .brand-color{clip-path:polygon(0 0,100% 0,100% 62%,41% 62%,41% 100%,35% 100%,35% 62%,0 62%)}.login-card h1{text-align:center;font-size:29px;line-height:1.22;letter-spacing:-.65px;margin:0 0 10px;font-weight:740;white-space:nowrap}.login-subtitle{text-align:center;color:#95abc4;font-size:19px;margin:0}.login-card form{margin-top:38px}.login-card label{display:block;font-size:17px;font-weight:550;margin:0 0 8px}.auth-field{display:flex;align-items:center;gap:16px;border:1px solid #32495e;border-radius:12px;background:#10203291;box-shadow:inset 0 1px 5px #0002;color:#8ca6c0;min-height:58px;padding:0 19px}.auth-field.username-field{border-color:#4aa9ff;box-shadow:0 0 0 1px #4aa9ff44,inset 0 0 15px #0b58a210}.auth-field:focus-within{border-color:#4aa9ff;box-shadow:0 0 0 2px #218bff22}.auth-field>svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.auth-field input{font:inherit;width:100%;min-width:0;color:#eff6ff;background:transparent;border:0;outline:0;padding:16px 0;font-size:17px}.auth-field input::placeholder{color:#8496ad;opacity:1}.password-row{margin-top:0}.login-card label[for="password"]{margin-top:27px}#password-toggle{font-size:0;position:relative;flex:none;height:38px;width:34px;padding:0;border:0;background:transparent;cursor:pointer;color:#9bb5d1}#password-toggle:after{content:'';display:block;background:url('/branding/eye.svg') center/24px 24px no-repeat;height:34px;width:34px}#password-toggle[aria-pressed="true"]:after{opacity:.6}#login-submit{width:100%;height:62px;display:flex;align-items:center;justify-content:center;position:relative;font:650 20px Inter,"Segoe UI",Arial,sans-serif;color:#fff;border:1px solid #219dff;border-radius:13px;cursor:pointer;background:linear-gradient(110deg,#2daaff,#0765ff);box-shadow:0 5px 24px #007aff2b,inset 0 1px 0 #a7e2ff66;margin-top:26px}#login-submit>svg{position:absolute;right:22px;width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#login-submit:hover{filter:brightness(1.08)}#login-submit:disabled{opacity:.65;cursor:wait}#login-error{color:#ffadbd;font-size:13px;margin:0;overflow-wrap:anywhere}#login-error:not(:empty){padding:10px 12px;border:1px solid #ff6d8e44;background:#ff6d8e0b;border-radius:9px;margin-top:12px}#login-progress{font-size:13px;text-align:center;color:#a9c9e9;margin:10px 0 0}.login-recovery{text-align:center;font-size:16px;margin:20px 0 26px;color:#08a8ff}.login-recovery summary{cursor:pointer;list-style:none}.login-recovery summary::-webkit-details-marker{display:none}.login-recovery p{color:#adc0d5;font-size:13px;margin:12px auto 0;max-width:36ch}.login-security{border-top:1px solid #6b91b333;display:flex;justify-content:center;align-items:center;gap:9px;padding-top:21px;color:#9fb3cc;font-size:14px}.login-security svg{width:20px;height:20px;fill:none;stroke:#91abc4;stroke-width:2;flex:none}#login-theme{position:fixed;z-index:2;top:22px;right:24px;width:38px;height:38px;border:1px solid #5481aa44;border-radius:10px;color:#b9d5f1;background:#0b1c2bad;cursor:pointer;display:grid;place-items:center}#login-theme svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.login-page button:focus-visible,.login-page summary:focus-visible{outline:3px solid #48adff;outline-offset:4px}.login-page.light .login-card{background:linear-gradient(135deg,#f1f8ffed,#e6f0f9ed);color:#173048;border-color:#d9edff}.login-page.light .brand-contrast{filter:none}.login-page.light .login-subtitle,.login-page.light .login-security{color:#48627c}.login-page.light .auth-field{background:#fff9;border-color:#adc5d9}.login-page.light .auth-field input{color:#132a40}.login-page.light .login-recovery{color:#0869bb}.login-page.light .login-recovery p{color:#456077}
@media(max-width:680px){.login-page{padding:24px 16px;background-position:62% center}.login-card{padding:27px 24px 23px;border-radius:18px}.login-brand{width:150px;height:148px;margin-bottom:22px}.login-card h1{font-size:23px;white-space:normal;letter-spacing:-.4px}.login-subtitle{font-size:15px;line-height:1.6}.login-card form{margin-top:26px}.login-card label{font-size:14px}.auth-field{min-height:53px;padding:0 13px;gap:11px}.auth-field input{font-size:16px;padding:14px 0}.auth-field>svg{width:21px;height:21px}.login-card label[for="password"]{margin-top:21px}#login-submit{height:55px;font-size:17px;margin-top:22px}.login-recovery{font-size:14px;margin:19px 0 23px}.login-security{font-size:11px;gap:7px;padding-top:18px}.login-security span{overflow-wrap:anywhere}#login-theme{top:9px;right:9px;width:30px;height:30px;background:#08192de0}}
@media(max-height:860px) and (min-width:681px){.login-page{padding:24px}.login-brand{width:150px;height:148px;margin-bottom:18px}.login-card{padding-top:25px}.login-card form{margin-top:25px}.login-recovery{margin-bottom:20px}}
.login-page.light .auth-field input::placeholder{color:#526a83}.login-page.light .login-security svg{stroke:#456985}
/* Reference-aligned glass card; existing secure login.js remains unchanged. */
.login-page{background-color:#030e1b;background-position:center;min-height:100dvh;padding:clamp(24px,5vh,64px) 20px}.login-card{width:min(626px,100%);padding:35px 46px 32px;background:linear-gradient(135deg,#16324caa,#041321ce 57%,#0b2640b8);border-color:#5e99cbb0;box-shadow:inset 0 1px 0 #d5eaff0a,0 25px 70px #0009,0 0 35px #008cff13;backdrop-filter:blur(12px)}.login-brand{margin-bottom:27px}.login-card h1{font-size:29px;line-height:1.25}.login-card form{margin-top:38px}.login-card label{font-size:16px}.login-footer{margin-top:30px}.login-page.light .login-card{background:linear-gradient(135deg,#f7fbfff2,#e6f0faf0);border-color:#8eb0ce;color:#17334b}.login-page.light .login-subtitle{color:#4a6783}@media(min-width:1000px) and (min-height:1000px){.login-card{padding-top:38px;padding-bottom:36px}.login-brand{margin-bottom:31px}.login-card form{margin-top:42px}}@media(max-width:600px){.login-page{padding:24px 14px}.login-card{padding:25px 22px;border-radius:18px}.login-brand{width:150px;height:149px;margin-bottom:22px}.login-card h1{font-size:21px;white-space:normal;letter-spacing:-.35px}.login-subtitle{font-size:15px}.login-card form{margin-top:28px}.login-card label{font-size:14px}.auth-field{min-height:52px;padding:0 13px}.auth-field input{font-size:15px;padding:13px 0}#login-submit{height:54px;font-size:17px}.login-footer{font-size:11px}.login-card label[for="password"]{margin-top:20px}}

/* Final branding: retain the original photo, show it behind a translucent glass card. */
.login-page{background-image:linear-gradient(115deg,rgba(2,12,27,.12),rgba(4,22,45,.05)),url('/branding/server-room-reference.png');background-repeat:no-repeat;background-size:cover;background-position:center center;isolation:isolate;min-height:100dvh}
.login-page:before{z-index:0;background:radial-gradient(ellipse at 52% 38%,transparent 28%,rgba(0,8,19,.18) 100%);pointer-events:none}
.login-card{background:linear-gradient(135deg,rgba(22,50,76,.60),rgba(4,19,33,.73) 57%,rgba(11,38,64,.64));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.login-page.light .login-card{background:linear-gradient(135deg,rgba(247,251,255,.92),rgba(230,240,250,.90));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(max-width:680px){.login-page{background-position:92% center}.login-card{margin-block:12px}.login-brand{width:150px;aspect-ratio:403/398;height:auto}}
@media(prefers-reduced-motion:reduce){.login-page *{scroll-behavior:auto;transition:none}}

.login-brand.unified-brand{display:flex;align-items:center;justify-content:center;overflow:visible}.login-brand.unified-brand #official-logo{position:static;display:block;width:250px;max-width:100%;height:90px;object-fit:contain;filter:none;clip-path:none;transform:none;opacity:1}

.login-brand.unified-brand{width:126px;height:126px;min-height:126px;margin:0 auto 20px;padding:8px;background:#fff;border-radius:10px}.login-brand.unified-brand #official-logo{width:110px;height:110px;max-height:none}