.login-root{--void:#0b0918;--indigo:#6366f1;--purple:#a855f7;--pink:#ec4899;--cyan:#22d3ee;--ink:#ede9fe;--muted:#8b87a8;--grad:linear-gradient(135deg,var(--indigo) 0%,var(--purple) 52%,var(--pink) 100%);position:fixed;inset:0;overflow:hidden;display:grid;place-items:center;background:var(--void);font-family:var(--font-body),system-ui,sans-serif;color:var(--ink)}.swatches{position:absolute;inset:-8%;display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));grid-auto-rows:66px;grid-gap:10px;gap:10px;padding:10px;filter:saturate(1.05);opacity:.5}.swatch{border-radius:12px;animation:shimmer 9s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.55}50%{opacity:.92}}.glow{position:absolute;width:780px;height:780px;border-radius:50%;background:radial-gradient(circle at center,rgba(139,92,246,.5),rgba(236,72,153,.22) 42%,transparent 68%);filter:blur(40px);animation:breathe 11s ease-in-out infinite;pointer-events:none}@keyframes breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}.vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,rgba(11,9,24,.55) 62%,rgba(11,9,24,.92) 100%),linear-gradient(rgba(11,9,24,.35),rgba(11,9,24,.35));pointer-events:none}.card{position:relative;z-index:2;width:min(92vw,400px);padding:40px 36px 34px;border-radius:22px;background:rgba(18,14,38,.62);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 30px 80px -30px rgba(0,0,0,.9),inset 0 0 0 1px rgba(99,102,241,.12),0 0 60px -20px rgba(139,92,246,.5);animation:rise .7s cubic-bezier(.16,1,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.brandrow{display:flex;align-items:center}.logo{height:54px;width:auto;display:block;filter:drop-shadow(0 4px 18px rgba(139,92,246,.45))}.brandsub{margin-top:14px;font-family:var(--font-display),system-ui,sans-serif;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.tagline{margin-top:6px;font-size:14px;color:#b6b0d0;line-height:1.5}form{margin-top:26px;display:flex;flex-direction:column;gap:14px}.lbl{font-size:12px;color:var(--muted);margin-bottom:6px;letter-spacing:.02em}.inp{width:100%;padding:12px 14px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);color:var(--ink);font-size:15px;font-family:inherit;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}.inp::placeholder{color:#6b6689}.inp:focus{border-color:var(--indigo);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(99,102,241,.25)}.btn{margin-top:6px;padding:13px;border:none;border-radius:12px;background:var(--grad);background-size:160% 160%;color:#fff;font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:15px;letter-spacing:.01em;cursor:pointer;transition:transform .14s,box-shadow .2s,filter .2s;box-shadow:0 12px 30px -12px rgba(168,85,247,.8)}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 16px 36px -12px rgba(236,72,153,.75)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:default}.err{min-height:18px;font-size:13px;color:#fca5a5;text-align:center}.foot{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;font-size:11.5px;color:#6b6689}.foot .lock:before{content:"🔒 "}@media (prefers-reduced-motion:reduce){.card,.glow,.swatch{animation:none}}