.adm-login{--g-950:#051f20;--g-900:#0b2b26;--g-800:#163832;--g-700:#235347;--g-300:#8eb69b;--g-100:#daf1de;--warm:#e8a07c;background:radial-gradient(60rem 40rem at 100% 0%, color-mix(in srgb, var(--g-700) 45%, transparent), transparent 60%), radial-gradient(40rem 30rem at 85% 100%, color-mix(in srgb, var(--g-800) 80%, transparent), transparent 70%), var(--g-900);min-height:100dvh;color:var(--g-100);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding:12px;display:grid;overflow-x:hidden}.adm-login-hero{z-index:1;flex-direction:column;padding:1.25rem 2rem 1rem 1.5rem;display:flex;position:relative}.adm-hero-shape{z-index:-1;pointer-events:none;border-radius:28px 0 0 28px;position:absolute;inset:0 -9% 0 0;overflow:hidden}.adm-hero-shape svg{width:100%;height:100%;display:block}.adm-wave-echo{fill:var(--g-700);opacity:.55;transform-box:view-box;animation:9s ease-in-out infinite alternate adm-echo}.adm-wave{fill:var(--g-100)}@keyframes adm-echo{0%{transform:translate(0)}to{transform:translate(1.6px)}}.adm-welcome{font-family:var(--font-display);letter-spacing:-.035em;color:var(--g-950);white-space:nowrap;padding:1.5rem 1rem 0;font-size:clamp(2.1rem,4vw,3.9rem);font-weight:700;line-height:.95;position:relative}.adm-welcome-char{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) forwards adm-char-in;display:inline-block;transform:translateY(.45em)rotate(6deg)}@keyframes adm-char-in{to{opacity:1;transform:none}}.adm-hero-scene{flex:1;min-height:0;margin-right:10%;position:relative}.iso-scene{width:100%;height:100%;position:absolute;inset:0}.iso-rise{opacity:0;transform-box:fill-box;animation:.7s cubic-bezier(.22,1,.36,1) forwards iso-rise}@keyframes iso-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.iso-slab{opacity:0;animation:.7s ease-out forwards iso-fade-in}.iso-shadows{opacity:0;animation:.6s ease-out 1s forwards iso-fade-in}.iso-route-line{stroke-dasharray:1;stroke-dashoffset:1px;opacity:.55;animation:1.1s cubic-bezier(.65,0,.35,1) .9s forwards iso-draw}@keyframes iso-draw{to{stroke-dashoffset:0}}.iso-ports,.iso-pulses{opacity:0;animation:.6s ease-out 1.7s forwards iso-fade-in}@keyframes iso-fade-in{to{opacity:1}}.iso-win{transition:fill .6s}.adm-login-side{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem clamp(1.5rem,4vw,4rem) 1.25rem clamp(2.5rem,7vw,6rem);display:flex}.adm-login-form-wrap{width:100%;max-width:24rem;margin:auto 0}.adm-step{color:var(--g-300);align-items:center;gap:.6rem;font-size:.8125rem;font-weight:600;display:flex}.adm-step-track{gap:4px;display:flex}.adm-step-track span{background:var(--g-700);border-radius:2px;width:22px;height:4px;transition:background .4s}.adm-step-track span[data-on=true]{background:var(--g-300)}.adm-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--g-100);margin-top:1.25rem;font-size:1.875rem;font-weight:700;line-height:1.15}.adm-sub{color:color-mix(in srgb, var(--g-100) 72%, transparent);margin-top:.6rem;font-size:.9375rem;line-height:1.55}.adm-sub strong{color:var(--g-100);font-weight:700}.adm-field{display:block}.adm-field+.adm-field{margin-top:1.1rem}.adm-label{color:var(--g-100);margin-bottom:.45rem;font-size:.875rem;font-weight:600;display:block}.adm-input-wrap{position:relative}.adm-input{border:1px solid var(--g-700);background:var(--g-950);width:100%;height:3.125rem;font-family:var(--font-body);color:var(--g-100);border-radius:12px;outline:none;padding:0 1rem;font-size:.975rem;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.adm-input::placeholder{color:color-mix(in srgb, var(--g-300) 55%, transparent)}.adm-input:hover{border-color:color-mix(in srgb, var(--g-300) 55%, var(--g-700))}.adm-input:focus{border-color:var(--g-300);box-shadow:0 0 0 4px color-mix(in srgb, var(--g-300) 22%, transparent)}.adm-input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--g-950) inset;-webkit-text-fill-color:var(--g-100);caret-color:var(--g-100);transition:background-color 9999s}.adm-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 40px var(--g-950) inset;-webkit-text-fill-color:var(--g-100);caret-color:var(--g-100);transition:background-color 9999s}.adm-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 40px var(--g-950) inset;-webkit-text-fill-color:var(--g-100);caret-color:var(--g-100);transition:background-color 9999s}.adm-input:-webkit-autofill:first-line{font-family:var(--font-body);font-size:.975rem;font-weight:500}.adm-input-pass{padding-right:3.25rem}.adm-toggle{width:2.5rem;height:2.5rem;color:var(--g-300);border-radius:10px;place-items:center;transition:background .2s,color .2s;display:grid;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.adm-toggle:hover{background:var(--g-800);color:var(--g-100)}.adm-toggle[data-shown=true]{color:var(--g-100)}.adm-eye-slash{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .28s cubic-bezier(.65,0,.35,1)}.adm-toggle[data-shown=true] .adm-eye-slash{stroke-dashoffset:0}.adm-eye-pupil{transform-origin:12px 12px;transition:transform .28s cubic-bezier(.22,1,.36,1)}.adm-toggle:active .adm-eye-pupil{transform:scale(.6)}.adm-submit{background:var(--g-300);width:100%;height:3.25rem;color:var(--g-950);font-family:var(--font-display);box-shadow:0 14px 30px -14px color-mix(in srgb, var(--g-300) 70%, transparent);border-radius:12px;justify-content:center;align-items:center;gap:.6rem;margin-top:1.6rem;font-size:.975rem;font-weight:700;transition:transform .15s,background .25s,opacity .2s;display:inline-flex;position:relative;overflow:hidden}.adm-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:30%;transition:left .7s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:-40%;transform:skew(-24deg)}.adm-submit:not(:disabled):hover{background:#a3c7ae}.adm-submit:not(:disabled):hover:before{left:115%}.adm-submit:active:not(:disabled){transform:scale(.985)}.adm-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.adm-submit[data-done=true]{background:var(--g-100);opacity:1}.adm-spinner{border:2px solid color-mix(in srgb, var(--g-950) 25%, transparent);border-top-color:var(--g-950);border-radius:999px;width:1rem;height:1rem;animation:.7s linear infinite adm-spin}@keyframes adm-spin{to{transform:rotate(360deg)}}.adm-link{color:var(--g-300);text-decoration:underline;-webkit-text-decoration-color:var(--g-700);text-decoration-color:var(--g-700);text-underline-offset:3px;font-size:.875rem;font-weight:600;transition:color .2s,text-decoration-color .2s}.adm-link:not(:disabled):hover{color:var(--g-100);text-decoration-color:currentColor}.adm-link:disabled{color:color-mix(in srgb, var(--g-300) 55%, transparent);cursor:default;text-decoration:none}.adm-msg{border-radius:12px;align-items:flex-start;gap:.6rem;padding:.8rem .95rem;font-size:.875rem;line-height:1.45;display:flex}.adm-msg svg{flex-shrink:0;margin-top:1px}.adm-msg-error{color:var(--warm);background:#c46a3f29;border:1px solid #c46a3f66}.adm-msg-notice{background:color-mix(in srgb, var(--g-300) 14%, transparent);color:var(--g-100);border:1px solid color-mix(in srgb, var(--g-300) 35%, transparent)}.adm-otp{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid;position:relative}.adm-otp-input{opacity:0;caret-color:#0000;cursor:text;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.adm-otp-cell{border:1px solid var(--g-700);background:var(--g-950);height:3.5rem;font-family:var(--font-display);color:var(--g-100);border-radius:12px;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.adm-otp-cell[data-filled=true]{background:var(--g-800);border-color:color-mix(in srgb, var(--g-300) 50%, var(--g-700))}.adm-otp:focus-within .adm-otp-cell[data-active=true]{border-color:var(--g-300);box-shadow:0 0 0 4px color-mix(in srgb, var(--g-300) 22%, transparent)}.adm-otp-caret{background:var(--g-100);width:2px;height:1.4rem;animation:1s step-end infinite adm-blink}@keyframes adm-blink{50%{opacity:0}}.adm-legal{border-top:1px solid var(--g-800);color:color-mix(in srgb, var(--g-300) 85%, transparent);gap:.6rem;margin-top:1.75rem;padding-top:1.1rem;font-size:.8125rem;line-height:1.5;display:flex}.adm-legal svg{flex-shrink:0;margin-top:2px}.adm-foot{width:100%;max-width:24rem;color:color-mix(in srgb, var(--g-300) 80%, transparent);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;font-size:.8125rem;display:flex}.adm-foot-link{color:var(--g-100);text-decoration:underline;-webkit-text-decoration-color:var(--g-700);text-decoration-color:var(--g-700);text-underline-offset:3px;font-weight:600;transition:text-decoration-color .2s}.adm-foot-link:hover{text-decoration-color:currentColor}.adm-login button:focus-visible,.adm-login a:focus-visible{outline:2px solid var(--g-300);outline-offset:2px}@media (max-width:860px){.adm-login{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);padding:8px}.adm-login-hero{background:var(--g-100);border-radius:22px;padding:.5rem .5rem .75rem}.adm-hero-shape{display:none}.adm-welcome{padding:1rem .75rem 0}.adm-hero-scene{flex:none;height:19rem;margin-right:0}.adm-login-side{padding:2rem .5rem 1.25rem}.adm-login-form-wrap{margin:0 auto}.adm-foot{margin-top:1rem}}@media (prefers-reduced-motion:reduce){.iso-rise,.iso-slab,.iso-shadows,.iso-ports{opacity:1;animation:none}.iso-route-line{stroke-dashoffset:0;animation:none}.adm-wave-echo{animation:none}.adm-welcome-char{opacity:1;animation:none;transform:none}.adm-submit:before,.adm-eye-slash{transition:none}.adm-otp-caret{animation:none}}
