*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--radius: 14px;--radius-sm: 9px;--gap: 1.1rem}body{min-height:100vh;display:grid;place-items:center;padding:1.5rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text-primary);background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--color-primary) 14%,transparent) 0%,transparent 55%),var(--color-bg-primary);-webkit-font-smoothing:antialiased}.login{width:100%;max-width:410px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.login__card{width:100%;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.4rem}.login__logo-btn{display:block;margin:0 auto .2rem;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.login__logo-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}.login__logo{display:block;width:220px;height:auto;color:var(--color-text-primary)}.login__head{text-align:center}.login__title{font-size:1.6rem;font-weight:650;letter-spacing:-.02em;color:var(--color-text-primary)}.login__subtitle{margin-top:.3rem;font-size:.95rem;color:var(--color-text-secondary)}.login__form{display:flex;flex-direction:column;gap:var(--gap)}.field{display:flex;flex-direction:column;gap:.4rem}.field__label{font-size:.85rem;font-weight:550;color:var(--color-text-secondary)}.field__input{width:100%;padding:.8rem .95rem;font:inherit;color:var(--color-text-primary);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field__input::placeholder{color:var(--color-text-muted)}.field__input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,transparent)}.btn{margin-top:.4rem;width:100%;padding:.85rem 1rem;font:inherit;font-weight:600;color:var(--color-primary-text);background:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;transition:background-color .15s ease,transform .05s ease;-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--color-primary-hover)}.btn:active{background:var(--color-primary-dark);transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none;background:var(--color-neutral);color:var(--color-neutral-text)}.spinner{width:1.05em;height:1.05em;border-radius:50%;border:2px solid color-mix(in srgb,var(--color-primary-text) 35%,transparent);border-top-color:var(--color-primary-text);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login__msg,.login__msg[hidden]{display:none}.alert{padding:.75rem .9rem;border-radius:var(--radius-sm);border:1px solid;font-size:.9rem}.alert--success{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 45%,transparent);background:color-mix(in srgb,var(--color-success) 14%,transparent)}.alert--danger{color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 45%,transparent);background:color-mix(in srgb,var(--color-danger) 14%,transparent)}.login__foot{font-size:.8rem;color:var(--color-text-muted)}@media(max-width:420px){.login__card{padding:2rem 1.4rem}}#pageTitle{position:relative}.logo-glitch{animation:logo-glitch-base .45s steps(2,jump-none) both}@keyframes logo-glitch-base{0%,to{transform:translate(0);filter:none}10%{transform:translate(-2px,1px);filter:drop-shadow(3px 0 #ff0040) drop-shadow(-3px 0 #00e5ff)}25%{transform:translate(2px,-1px);filter:drop-shadow(-4px 0 #ff0040) drop-shadow(4px 0 #00e5ff)}40%{transform:translate(-1px);filter:drop-shadow(2px 0 #ff0040) drop-shadow(-2px 0 #00e5ff)}55%{transform:translate(3px,1px);filter:drop-shadow(-3px 0 #ff0040) drop-shadow(3px 0 #00e5ff)}70%{transform:translate(-2px,-1px);filter:drop-shadow(1px 0 #ff0040) drop-shadow(-1px 0 #00e5ff)}85%{transform:translate(1px);filter:none}}.logo-glitch-overlay{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}.logo-glitch-slice{position:absolute;inset:0;clip-path:inset(var(--top, 0) 0 var(--bottom, 0) 0);opacity:0;animation:logo-glitch-slice var(--dur, .45s) steps(2,jump-none) both}@keyframes logo-glitch-slice{0%,to{transform:translate(0);opacity:0}10%{transform:translate(-8px);opacity:.9}30%{transform:translate(6px);opacity:.7}50%{transform:translate(-5px);opacity:.9}70%{transform:translate(7px);opacity:.6}85%{transform:translate(-3px);opacity:.8}}.dom-glitch-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden;mix-blend-mode:screen;animation:dom-glitch-fade .45s steps(2,jump-none) both}@keyframes dom-glitch-fade{0%{opacity:0}8%{opacity:1}85%{opacity:1}to{opacity:0}}.dom-glitch-band{position:absolute;left:-10%;width:120%;top:var(--top, 0);height:var(--h, 14px);background:var(--c, #ff0040);opacity:0;animation:dom-glitch-band var(--dur, .45s) steps(2,jump-none) both}@keyframes dom-glitch-band{0%,to{transform:translate(0);opacity:0}12%{transform:translate(-30px);opacity:.5}30%{transform:translate(25px);opacity:.25}50%{transform:translate(-18px);opacity:.55}72%{transform:translate(22px);opacity:.2}88%{transform:translate(-10px);opacity:.4}}.dom-glitch-scan{position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.06) 0px,rgba(255,255,255,.06) 1px,transparent 1px,transparent 3px)}@media(prefers-reduced-motion:reduce){.logo-glitch,.logo-glitch-slice,.dom-glitch-overlay,.dom-glitch-band{animation:none}}