.protexi-login{--blue:#1a4fa0;--blue-dark:#0f2d5e;--white:#f5f5f0;--black:#0a0a0a;--gray:#6b6b6b;--card-bg:#f0f0eb;--mono:"SF Mono","Fira Code","Cascadia Code",Consolas,monospace;--serif:Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-family:var(--sans);background:var(--white);color:var(--black);box-sizing:border-box;flex-direction:column;min-height:100dvh;display:flex}.protexi-login *,.protexi-login :before,.protexi-login :after{box-sizing:border-box}.protexi-login .login-topnav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f0eb;border-bottom:1px solid #00000012;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(20px,4vw,48px);display:flex;position:sticky;top:0}.protexi-login .login-brand{flex-shrink:0;align-items:center;line-height:0;text-decoration:none;display:inline-flex}.protexi-login .login-brand img{object-fit:contain;border-radius:6px;width:48px;height:48px;display:block}.protexi-login .login-topnav-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.protexi-login .login-btn-outline{border:1.5px solid var(--black);font-family:var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--black);background:0 0;align-items:center;gap:6px;padding:9px 18px;font-size:11px;font-weight:700;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.protexi-login .login-btn-outline:hover{background:var(--black);color:var(--white)}.protexi-login .login-btn-fill{border:1.5px solid var(--blue);background:var(--blue);font-family:var(--sans);letter-spacing:.07em;text-transform:uppercase;color:#fff;padding:9px 18px;font-size:11px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s}.protexi-login .login-btn-fill:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.protexi-login .login-shell{flex:1;grid-template-columns:1fr;place-items:center;width:100%;padding:clamp(28px,5vw,56px) clamp(20px,4vw,48px) clamp(40px,8vw,72px);display:grid}@media (min-width:960px){.protexi-login .login-shell{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:stretch;gap:clamp(32px,6vw,80px);max-width:1100px;margin:0 auto}}.protexi-login .login-aside{flex-direction:column;justify-content:center;gap:20px;max-width:420px;display:none}@media (min-width:960px){.protexi-login .login-aside{display:flex}}.protexi-login .login-aside-badge{width:fit-content;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:#1a4fa00d;border:1px solid #1a4fa04d;align-items:center;gap:8px;padding:6px 14px;font-size:10px;font-weight:500;display:inline-flex}.protexi-login .login-aside-badge-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:6px;height:6px}.protexi-login .login-aside h2{letter-spacing:-.04em;color:var(--black);font-size:clamp(28px,3.2vw,40px);font-weight:800;line-height:1.05}.protexi-login .login-aside h2 em{font-family:var(--serif);color:var(--blue);font-style:italic;font-weight:400}.protexi-login .login-aside p{color:#444;max-width:38ch;font-size:15px;line-height:1.65}.protexi-login .login-aside-pills{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.protexi-login .login-pill{background:var(--card-bg);letter-spacing:.06em;font-size:10px;font-weight:600;font-family:var(--mono);text-transform:uppercase;color:var(--blue-dark);border:1px solid #00000017;padding:7px 14px}.protexi-login .login-card{background:var(--white);border:2px solid var(--blue-dark);width:100%;max-width:440px;box-shadow:12px 12px 0 var(--accent);position:relative}.protexi-login .login-card-top{background:var(--blue-dark);padding:14px clamp(24px,5vw,36px) 12px}.protexi-login .login-card-inner{padding:clamp(24px,5vw,36px)}.protexi-login .login-card-top-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;font-size:10px}.protexi-login .login-card-top-title{letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-top:4px;font-size:11px;font-weight:700}.protexi-login .login-card-header{margin-bottom:24px}.protexi-login .login-card-header h1{letter-spacing:-.03em;color:var(--black);margin-bottom:10px;font-size:clamp(1.5rem,4vw,1.85rem);font-weight:800;line-height:1.15}.protexi-login .login-card-header p{color:#555;max-width:36ch;font-size:14px;line-height:1.6}.protexi-login .login-alert{border:1px solid var(--blue);color:var(--blue-dark);background:#1a4fa014;border-radius:0;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.45}.protexi-login .login-form{flex-direction:column;gap:18px;display:flex}.protexi-login .login-label{letter-spacing:.06em;text-transform:uppercase;color:var(--blue-dark);font-size:11px;font-weight:700;font-family:var(--mono);margin-bottom:8px;display:block}.protexi-login .login-field{background:var(--card-bg);border:1.5px solid #0000001f;align-items:stretch;min-height:48px;transition:border-color .18s,box-shadow .18s;display:flex}.protexi-login .login-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1a4fa01f}.protexi-login .login-field-icon-wrap{width:48px;color:var(--blue);background:#ffffff80;border-right:1px solid #00000014;flex-shrink:0;justify-content:center;align-items:center;display:flex}.protexi-login .login-field input{min-width:0;font-size:15px;font-family:var(--sans);color:var(--black);background:0 0;border:0;outline:none;flex:1;padding:12px 14px}.protexi-login .login-field input::placeholder{color:#888}.protexi-login .login-field-toggle{align-items:center;padding-right:8px;display:flex}.protexi-login .login-field-toggle button{cursor:pointer;color:var(--gray);background:0 0;border:none;border-radius:4px;padding:8px;transition:background .15s,color .15s}.protexi-login .login-field-toggle button:hover{color:var(--black);background:#0000000f}.protexi-login .login-submit{background:var(--blue);color:#fff;width:100%;font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;border:2px solid var(--blue);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:15px 24px;font-size:13px;font-weight:700;transition:background .18s,border-color .18s;display:inline-flex}.protexi-login .login-submit:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark)}.protexi-login .login-submit:disabled{opacity:.55;cursor:not-allowed}.protexi-login .login-footnote{text-align:center;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#888;margin-top:22px;font-size:10px;line-height:1.5}.protexi-login.login-loading{justify-content:center;align-items:center}.protexi-login .login-loading-spinner{color:var(--blue)}