.login-page-wrapper{--ink:#14181d;--ink-2:#1b2127;--ink-3:#232a32;--paper:#f4f3ef;--paper-2:#eceae4;--card:#fff;--line:#ddd9d0;--line-dark:#ffffff17;--accent:#e8481c;--accent-deep:#c93a12;--text:#23282e;--text-mute:#6d7278;--text-on-dark:#edeff1;--text-mute-dark:#949da6;--disp:var(--font-heading), "Arial Narrow", sans-serif;--body:var(--font-sans), system-ui, sans-serif;--mono:var(--font-mono), "Courier New", monospace;--ease:cubic-bezier(.22, 1, .36, 1);font-family:var(--body);color:var(--text);background:var(--paper);grid-template-columns:1.15fr 1fr;min-height:100svh;display:grid}.login-page-wrapper *{box-sizing:border-box;margin:0;padding:0}.login-page-wrapper ::selection{background:var(--accent);color:#fff}.login-page-wrapper .accent-dot{color:var(--accent)}.login-page-wrapper .mono-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:500}.login-page-wrapper .login-brand{background:var(--ink);color:var(--text-on-dark);flex-direction:column;justify-content:space-between;padding:2.5rem 3.5rem;display:flex;position:relative;overflow:hidden}.login-page-wrapper .brand-grid{pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(95% 85% at 40% 40%,#000 25%,#0000 80%);mask-image:radial-gradient(95% 85% at 40% 40%,#000 25%,#0000 80%)}.login-page-wrapper .brand-top,.login-page-wrapper .brand-mid,.login-page-wrapper .brand-foot{position:relative}.login-page-wrapper .brand-logo{align-items:center;gap:.9rem;text-decoration:none;display:flex}.login-page-wrapper .brand-logo-img{object-fit:contain;border:1px solid var(--line-dark);background:#fff;border-radius:50%;width:54px;height:54px;padding:3px}.login-page-wrapper .brand-logo-text{flex-direction:column;line-height:1.1;display:flex}.login-page-wrapper .brand-logo-title{font-family:var(--disp);letter-spacing:.03em;text-transform:uppercase;align-items:baseline;gap:.4rem;font-size:1.55rem;font-weight:700;display:flex}.login-page-wrapper .brand-logo-arc{color:var(--accent)}.login-page-wrapper .brand-logo-infinity{color:var(--text-on-dark)}.login-page-wrapper .brand-logo-lab{color:var(--text-mute-dark)}.login-page-wrapper .brand-logo-slogan{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute-dark);margin-top:.3rem;font-size:.62rem;font-weight:400}.login-page-wrapper .brand-mid{max-width:30rem}.login-page-wrapper .brand-kicker{color:var(--accent);align-items:center;gap:.9rem;margin-bottom:1.4rem;display:flex}.login-page-wrapper .brand-kicker:before{content:"";background:var(--accent);flex-shrink:0;width:42px;height:1px}.login-page-wrapper .brand-mid h1{font-family:var(--disp);letter-spacing:.01em;text-transform:uppercase;color:var(--text-on-dark);margin-bottom:1.3rem;font-size:clamp(2.8rem,4.5vw,4.4rem);font-weight:700;line-height:.95}.login-page-wrapper .brand-sub{color:var(--text-mute-dark);max-width:26rem;margin-bottom:2.4rem;font-size:1rem;line-height:1.65}.login-page-wrapper .brand-cert{border:1px solid var(--line-dark);background:#1b212799;border-radius:3px;max-width:22rem;padding:.4rem 1.4rem;position:relative}.login-page-wrapper .brand-cert:before,.login-page-wrapper .brand-cert:after{content:"+";font-family:var(--mono);color:var(--accent);font-size:.85rem;line-height:1;position:absolute}.login-page-wrapper .brand-cert:before{top:-.45rem;left:-.45rem}.login-page-wrapper .brand-cert:after{bottom:-.45rem;right:-.45rem}.login-page-wrapper .cert-row{border-bottom:1px dashed var(--line-dark);justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;display:flex}.login-page-wrapper .cert-row:last-child{border-bottom:none}.login-page-wrapper .cert-row dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute-dark);font-size:.66rem}.login-page-wrapper .cert-row dd{font-family:var(--mono);color:var(--text-on-dark);text-align:right;font-size:.78rem;font-weight:600}.login-page-wrapper .cert-active{color:#4ade80!important}.login-page-wrapper .brand-foot{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute-dark);font-size:.68rem}.login-page-wrapper .login-panel{background-color:#0000;background-image:linear-gradient(#23282e08 1px,#0000 1px),linear-gradient(90deg,#23282e08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;background-color:var(--paper);justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.login-page-wrapper .login-card{background:var(--card);border:1px solid var(--line);width:100%;max-width:400px;animation:riseIn .7s var(--ease) both;border-radius:3px;padding:2.4rem 2.2rem 2rem;position:relative}.login-page-wrapper .login-card:before,.login-page-wrapper .login-card:after{content:"+";font-family:var(--mono);color:var(--accent);font-size:.85rem;line-height:1;position:absolute}.login-page-wrapper .login-card:before{top:-.45rem;left:-.45rem}.login-page-wrapper .login-card:after{bottom:-.45rem;right:-.45rem}.login-page-wrapper .login-card-head{color:var(--text-mute);border-bottom:1px solid var(--line);align-items:center;gap:.6rem;margin-bottom:1.6rem;padding-bottom:1.1rem;display:flex}.login-page-wrapper .cert-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.4s ease-in-out infinite login-ring-pulse}.login-page-wrapper .login-card-title{font-family:var(--disp);letter-spacing:.02em;text-transform:uppercase;color:var(--text);margin-bottom:.4rem;font-size:2rem;font-weight:700;line-height:1}.login-page-wrapper .login-card-sub{color:var(--text-mute);margin-bottom:1.8rem;font-size:.9rem}.login-page-wrapper .login-error{border:1px solid #e8481c66;border-left:3px solid var(--accent);color:var(--accent-deep);background:#e8481c0f;border-radius:2px;align-items:flex-start;gap:.6rem;margin-bottom:1.4rem;padding:.75rem .9rem;font-size:.85rem;display:flex}.login-page-wrapper .login-error svg{flex-shrink:0;margin-top:.1rem}.login-page-wrapper .form-group{margin-bottom:1.4rem}.login-page-wrapper .form-label-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.login-page-wrapper .form-group label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);font-size:.7rem;font-weight:500;display:block}.login-page-wrapper .forgot-btn{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.66rem;font-weight:600;transition:color .2s}.login-page-wrapper .forgot-btn:hover{color:var(--accent-deep);text-decoration:underline}.login-page-wrapper .input-wrap{position:relative}.login-page-wrapper .input-icon{color:var(--text-mute);pointer-events:none;display:flex;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.login-page-wrapper .input-wrap input{border:1px solid var(--line);background:var(--paper);width:100%;font-family:var(--body);color:var(--text);border-radius:2px;padding:.85rem 1rem .85rem 2.7rem;font-size:.95rem;transition:border-color .25s,box-shadow .25s,background .25s}.login-page-wrapper .input-wrap input::placeholder{color:#b3aea4}.login-page-wrapper .input-wrap input:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:3px 3px #e8481c24}.login-page-wrapper .eye-btn{cursor:pointer;color:var(--text-mute);background:0 0;border:none;padding:.5rem;transition:color .2s;display:flex;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.login-page-wrapper .eye-btn:hover{color:var(--text)}.login-page-wrapper .submit-btn{background:var(--ink);color:#fff;width:100%;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .25s ease, transform .25s var(--ease), box-shadow .25s ease;border:none;border-radius:2px;justify-content:center;align-items:center;gap:.6rem;margin-top:.4rem;padding:1rem;font-size:.8rem;font-weight:600;display:flex}.login-page-wrapper .submit-btn:hover:not(:disabled){background:var(--accent);transform:translate(-2px,-2px);box-shadow:5px 5px #e8481c40}.login-page-wrapper .submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-page-wrapper .submit-btn .arrow{transition:transform .2s}.login-page-wrapper .submit-btn:hover:not(:disabled) .arrow{transform:translate(3px)}.login-page-wrapper .btn-spinner{width:18px;height:18px;animation:.9s linear infinite spin}.login-page-wrapper .login-card-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.8rem;padding-top:1.2rem;display:flex}.login-page-wrapper .secure-badge{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:.55rem;font-size:.64rem;font-weight:500;display:inline-flex}.login-page-wrapper .secure-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite pulseGreen}.login-page-wrapper .back-link{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);font-size:.64rem;font-weight:600;text-decoration:none;transition:color .2s}.login-page-wrapper .back-link:hover{color:var(--accent)}.login-page-wrapper .modal-overlay{z-index:100;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.login-page-wrapper .modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101419b8;animation:.3s both fadeIn;position:absolute;inset:0}.login-page-wrapper .modal-card{background:var(--card);border:1px solid var(--line);width:100%;max-width:380px;animation:riseIn .35s var(--ease) both;border-radius:3px;padding:2.2rem 2rem 2rem;position:relative}.login-page-wrapper .modal-card:before,.login-page-wrapper .modal-card:after{content:"+";font-family:var(--mono);color:var(--accent);font-size:.85rem;line-height:1;position:absolute}.login-page-wrapper .modal-card:before{top:-.45rem;left:-.45rem}.login-page-wrapper .modal-card:after{bottom:-.45rem;right:-.45rem}.login-page-wrapper .modal-head{color:var(--text-mute);border-bottom:1px solid var(--line);align-items:center;gap:.6rem;margin-bottom:1.2rem;padding-bottom:1rem;display:flex}.login-page-wrapper .modal-title{font-family:var(--disp);letter-spacing:.02em;text-transform:uppercase;color:var(--text);margin-bottom:.8rem;font-size:1.7rem;font-weight:700}.login-page-wrapper .modal-body{color:var(--text-mute);font-size:.9rem;line-height:1.7}.login-page-wrapper .modal-email{font-family:var(--mono);color:var(--accent);word-break:break-all;font-size:.82rem;font-weight:600}.login-page-wrapper .modal-btn{background:var(--ink);color:#fff;width:100%;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;margin-top:1.8rem;padding:.95rem;font-size:.78rem;font-weight:600;transition:background .25s}.login-page-wrapper .modal-btn:hover{background:var(--accent)}.login-page-wrapper a:focus-visible,.login-page-wrapper button:focus-visible,.login-page-wrapper input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes login-ring-pulse{0%,to{box-shadow:0 0 #e8481c73}50%{box-shadow:0 0 0 6px #e8481c00}}@keyframes pulseGreen{0%,to{box-shadow:0 0 #22c55e73}50%{box-shadow:0 0 0 6px #22c55e00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-page-wrapper *,.login-page-wrapper :before,.login-page-wrapper :after{transition:none!important;animation:none!important}}@media (max-width:900px){.login-page-wrapper{grid-template-columns:1fr}.login-page-wrapper .login-brand{gap:1.5rem;padding:1.5rem 1.5rem 1.75rem}.login-page-wrapper .brand-mid h1{margin-bottom:.9rem;font-size:2.4rem}.login-page-wrapper .brand-sub{margin-bottom:0}.login-page-wrapper .brand-cert,.login-page-wrapper .brand-foot{display:none}.login-page-wrapper .brand-kicker{margin-bottom:1rem}.login-page-wrapper .login-panel{align-items:flex-start;padding:2.5rem 1.25rem 3.5rem}.login-page-wrapper .login-card{padding:1.9rem 1.5rem 1.6rem}}