.login-root{--ink:#0f172a;--muted:#94a3b8;--accent:#0891b2;--accent-light:#22d3ee;--accent-glow:#67e8f9;--dark:#030712;--card-bg:#080f19d9;align-items:stretch;background-color:var(--dark);background-position:0 0;background-repeat:repeat;color:#f1f5f9;display:flex;flex-direction:column;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.login-root *{box-sizing:border-box}.login-hero{height:clamp(280px,50vh,520px);overflow:hidden;position:relative;width:100%}.login-hero-frame{background:#0000;border:0;display:block;height:100%;opacity:0;position:relative;transition:opacity .6s ease;width:100%;will-change:opacity;z-index:1}.login-hero-frame.is-ready{opacity:1}.login-form-section{display:flex;justify-content:center;padding:0 1.5rem 4rem;position:relative}.login-card{animation:cardReveal .7s cubic-bezier(.16,1,.3,1) both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid #94a3b814;border-radius:20px;box-shadow:0 0 0 1px #ffffff05,0 25px 50px -12px #00000080,0 0 80px -20px #0891b226;margin-left:auto;margin-right:auto;margin-top:-2rem;max-width:360px;padding:2rem 2.25rem 2.25rem;position:relative;width:100%}.login-card:before{background:linear-gradient(90deg,#0000,#94a3b826 20%,#7fe9ff40 50%,#94a3b826 80%,#0000);border-radius:20px 20px 0 0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.login-title{color:#f8fafc;font-family:Outfit,DM Sans,sans-serif;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:.5rem}.login-subtitle{animation:fadeIn .3s ease;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;line-height:1.5}.login-actions{align-items:center;border-top:1px solid #94a3b814;display:flex;justify-content:center;margin-top:1.25rem;padding-top:1rem}.login-actions a{text-decoration:none}@keyframes cardReveal{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-card :focus-visible{outline:2px solid #7fe9ff80;outline-offset:2px}@media (max-width:900px){.login-card{margin-top:-1.5rem}}@media (max-width:600px){.login-hero{height:clamp(220px,42vh,380px)}.login-form-section{padding:0 1rem 3rem}.login-card{border-radius:16px;margin-top:-1rem;padding:1.5rem 1.5rem 1.75rem}.login-title{font-size:1.5rem}.login-actions{margin-top:1rem;padding-top:.75rem}}@media (max-width:380px){.login-card{padding:1.25rem}}