.login3d{--navy:#14424c;--navy-deep:#1a1a19;--text-light:#eae8d6;--gray-mid:#9a9789;--accent:#d6640f;--accent-btn-bg:#d6640f;--accent-btn-hover:#c25a0d;--accent-ink:#12100f;--accent-link:#e8834a;--font-stack:-apple-system, "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;background:var(--navy-deep);font-family:var(--font-stack);color:var(--text-light);position:fixed;inset:0;overflow:hidden}.login3d,.login3d *{box-sizing:border-box}.login3d #scene{z-index:0;background:var(--navy-deep);width:100vw;height:100dvh;display:block;position:fixed;inset:0}.login3d #scrim{z-index:1;pointer-events:none;background:linear-gradient(#1a1a19a6,#1a1a19e6);display:none;position:fixed;inset:0}.login3d main.login-col{z-index:2;flex-direction:column;justify-content:center;max-width:420px;min-height:100dvh;margin-left:8vw;padding:40px 24px 40px 0;display:flex;position:relative}.login3d .logo{width:auto;height:40px;margin-bottom:36px;display:block}.login3d .headline{letter-spacing:-.02em;color:var(--text-light);margin:0 0 14px;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:1.15}.login3d .sub{color:var(--gray-mid);max-width:38ch;margin:0 0 28px;font-size:1rem;line-height:1.55}.login3d .login-card{-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#14424c8c;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding:28px;display:flex;box-shadow:inset 0 1px #ffffff14}@media (prefers-reduced-transparency:reduce){.login3d .login-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#14424cf5}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.login3d .login-card{background:#14424cf5}}.login3d .field{flex-direction:column;margin-top:18px;display:flex}.login3d .field:first-child{margin-top:0}.login3d label{color:var(--text-light);margin-bottom:7px;font-size:13px;font-weight:600}.login3d input{width:100%;font:400 15px/1.4 var(--font-stack);color:var(--text-light);background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;padding:12px 14px}.login3d input::placeholder{color:#eae8d659}.login3d input:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.login3d .field.has-error input{border-color:var(--accent)}.login3d .error-text{color:var(--accent-link);margin-top:6px;font-size:12.5px;line-height:1.4;display:none}.login3d .field.has-error .error-text{display:block}.login3d .btn-primary{background:var(--accent-btn-bg);width:100%;color:var(--accent-ink);font:600 15px/1 var(--font-stack);cursor:pointer;border:none;border-radius:12px;margin-top:24px;padding:15px 18px;transition:background-color .15s}.login3d .btn-primary:hover{background:var(--accent-btn-hover)}.login3d .btn-primary:active{transform:translateY(1px)}.login3d .btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login3d input:focus,.login3d .btn-primary:focus-visible{box-shadow:0 0 0 3px #14424c1a}.login3d .btn-primary[disabled]{cursor:default;opacity:.92}.login3d .btn-spinner{justify-content:center;align-items:center;gap:4px;height:15px;display:none}.login3d .btn-primary.loading .btn-label{display:none}.login3d .btn-primary.loading .btn-spinner{display:inline-flex}.login3d .btn-spinner i{background:#fff;border-radius:2px;width:3px;height:15px;animation:.9s ease-in-out infinite login3d-pulse-bar;display:block}.login3d .btn-spinner i:nth-child(2){animation-delay:.15s}.login3d .btn-spinner i:nth-child(3){animation-delay:.3s}@keyframes login3d-pulse-bar{0%,to{opacity:.5;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.login3d .btn-spinner i{opacity:1;animation:none;transform:none}}.login3d .forgot-link{color:var(--accent-link);align-self:flex-start;margin-top:18px;font-size:13.5px;text-decoration:none;display:inline-block}.login3d .forgot-link:hover{text-decoration:underline}.login3d .forgot-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.login3d #fade{z-index:3;opacity:0;pointer-events:none;background:#000;position:fixed;inset:0}@media (max-width:767px){.login3d #scrim{display:block}.login3d main.login-col{width:100%;max-width:none;margin-left:0;padding:20px}}.login3d .form-error{color:#f0a8a0;margin:14px 0 0;font-size:12.5px;line-height:1.45}.login3d .card-links{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.login3d .card-links .forgot-link{align-self:auto}@media (max-width:767px){.login3d:not(.form-ready) .login-card{opacity:0;pointer-events:none;transform:translateY(14px)}.login3d.form-ready .login-card{transition:opacity .45s,transform .45s}}@media (prefers-reduced-motion:reduce){.login3d.form-ready .login-card{transition:none}}
