/* Login screen redesign — compact, accessible, responsive */
body.nexo-login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(ellipse at 50% 0%,#58111c55,transparent 43%),radial-gradient(ellipse at 100% 100%,#2b0d1740,transparent 38%),#09080c;color:#f8f2f5}
.nexo-login:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.nexo-login .login-box{position:relative;z-index:1;width:min(100%,448px);padding:clamp(22px,4vw,34px);margin:auto;background:linear-gradient(150deg,#19141a,#100d12 72%);border:1px solid #492630;border-radius:24px;box-shadow:0 28px 90px #0009,0 0 0 1px #ffffff04 inset}
.nexo-login .login-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;text-decoration:none;margin:0 0 30px;padding:0}
.nexo-login .login-logo-image{display:block;width:82px;height:82px;max-width:82px;max-height:82px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 8px 15px #eb1e2d20)}
.nexo-login .login-brand-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,#f12b3a,#850d19);color:#fff;font-size:30px;font-weight:900;box-shadow:0 10px 25px #eb1e2d2b}
.nexo-login .login-brand-copy b{display:block;color:#fff;font-size:clamp(20px,4vw,26px);font-weight:850;letter-spacing:2.8px;line-height:1.2}
.nexo-login .login-brand-copy small{display:block;color:#a997a0;font-size:9px;letter-spacing:2.6px;margin-top:7px;font-weight:700}
.nexo-login .login-heading{margin-bottom:22px}
.nexo-login .login-kicker{display:inline-block;color:#ff7a85;font-size:10px;font-weight:900;letter-spacing:2px;margin-bottom:10px}
.nexo-login .login-box h1{font-size:clamp(25px,5vw,31px);line-height:1.15;letter-spacing:-.8px;margin:0 0 9px;color:#fff;font-weight:800}
.nexo-login .login-box p{color:#b7a8b0;font-size:14px;line-height:1.65;margin:0}
.nexo-login .login-form{display:grid;gap:15px}
.nexo-login .login-form .field{margin:0;min-width:0}
.nexo-login .login-form label{display:block;color:#e3d7dd;font-size:12px;font-weight:750;margin:0 0 7px}
.nexo-login .login-form input:not([type=checkbox]):not([type=radio]){display:block;width:100%;min-width:0;min-height:49px;height:49px;padding:0 14px;border:1px solid #4a303a;border-radius:12px;background:#0d0a0f;color:#fff;font-size:14px;outline:none;box-shadow:none}
.nexo-login .login-form input::placeholder{color:#756872}
.nexo-login .login-form input:focus{border-color:#e52b3b;box-shadow:0 0 0 3px #eb1e2d20}
.nexo-login .login-password-row{display:flex;align-items:stretch;gap:9px;min-width:0}
.nexo-login .login-password-row input{flex:1;width:0;min-width:0}
.nexo-login .password-toggle{flex:0 0 auto;min-width:82px;padding:0 13px;border:1px solid #4a303a;border-radius:12px;background:#21171d;color:#f1e4e9;font-size:12px;font-weight:750;cursor:pointer}
.nexo-login .password-toggle:hover{border-color:#8c3440}
.nexo-login .login-submit{width:100%;min-height:51px;margin:5px 0 0;border:1px solid #f13a48;border-radius:13px;background:linear-gradient(120deg,#ef2939,#a80e1d);color:#fff;font-size:13px;font-weight:850;box-shadow:0 10px 26px #e51d3026;display:flex;align-items:center;justify-content:center;gap:10px}
.nexo-login .login-submit:hover{filter:brightness(1.06)}
.nexo-login .login-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:23px;padding-top:18px;border-top:1px solid #302129;color:#96858e;font-size:11px}
.nexo-login .login-foot a{color:#ff818b;text-decoration:none}
.nexo-login .login-foot a:hover{text-decoration:underline}
.nexo-login .notice{font-size:12px;line-height:1.55;padding:12px 13px;border-radius:11px;margin:0 0 15px}
.nexo-login .notice.success{background:#10291c;border:1px solid #245b3c;color:#9af0bb}
.nexo-login .notice.error{background:#351117;border:1px solid #79232e;color:#ffadb4}
@media(max-width:520px){body.nexo-login{padding:16px 13px;align-items:center}.nexo-login .login-box{padding:23px 19px;border-radius:21px}.nexo-login .login-brand{margin-bottom:26px}.nexo-login .login-logo-image{width:70px;height:70px;max-width:70px;max-height:70px}.nexo-login .login-heading{margin-bottom:20px}.nexo-login .login-form{gap:14px}.nexo-login .login-foot{margin-top:20px}.nexo-login .login-password-row{gap:7px}.nexo-login .password-toggle{min-width:76px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){.nexo-login *{transition:none!important;scroll-behavior:auto!important}}