.login-page{position:relative;overflow:hidden;background:radial-gradient(1100px 560px at 15% -12%,#c79bff 0%,transparent 55%),radial-gradient(900px 600px at 110% 8%,#8b5cf6 0%,transparent 52%),linear-gradient(160deg,#9a5bff,#7c3aed 55%,#5b21b6)}.login-page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 45% at 50% 8%,rgba(255,255,255,.3),transparent 70%),radial-gradient(120% 90% at 50% 120%,rgba(40,12,86,.65),transparent 60%)}.login-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.login-bg__blob{position:absolute;border-radius:50%;filter:blur(8px);opacity:.22;animation:floatBlob 14s ease-in-out infinite}.login-bg__blob--1{width:260px;height:260px;top:-60px;left:-50px;background:radial-gradient(circle at 30% 30%,#ede0ff,transparent 70%);opacity:.3}.login-bg__blob--2{width:320px;height:320px;bottom:-90px;right:-70px;background:radial-gradient(circle at 70% 70%,#4c1d95,transparent 70%);opacity:.45;animation-delay:-4s}.login-bg__blob--3{width:180px;height:180px;bottom:18%;left:8%;background:radial-gradient(circle at 50% 50%,#a78bfa,transparent 70%);animation-delay:-8s}.login-bg__grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(120% 80% at 50% 30%,#000 30%,transparent 75%);opacity:.35}@keyframes floatBlob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(18px,-22px) scale(1.08)}}.login-page .card{position:relative;z-index:1;box-shadow:0 24px 60px #2e106573;border:1px solid rgba(255,255,255,.6);overflow:hidden;animation:cardUp .5s ease}@keyframes cardUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-hero{margin:-36px -32px 22px;padding:26px 24px 44px;background:linear-gradient(135deg,#9a5bff,#7c3aed);position:relative;text-align:center;overflow:hidden}.login-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:22px;background:var(--card-bg, #fff);border-radius:50% 50% 0 0/100% 100% 0 0;z-index:1}.login-hero__logo{height:40px;width:auto;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:10px;position:relative;z-index:1}.login-hero__art{display:block;width:100%;max-width:250px;height:auto;margin:6px auto 0;position:relative;z-index:2;overflow:visible;filter:drop-shadow(0 8px 16px rgba(46,16,101,.35))}.login-hero__tag{position:relative;z-index:2;margin-top:10px;margin-bottom:2px;color:#ffffffeb;font-size:.82rem;font-weight:500;letter-spacing:.2px}.login-page .brand{display:none}.login-page .card__title,.login-page .card__subtitle{text-align:center}.login-page .field input:focus{box-shadow:0 0 0 3px #8f42ff2e}.login-hero__art{animation:artFloat 6s ease-in-out infinite;transform-origin:50% 100%}@keyframes artFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.art-pin{animation:pinBounce 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes pinBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-7px)}55%{transform:translateY(0)}70%{transform:translateY(-3px)}}.art-windows rect{animation:windowGlow 3.6s ease-in-out infinite}.art-windows rect:nth-child(2){animation-delay:.3s}.art-windows rect:nth-child(3){animation-delay:.9s}.art-windows rect:nth-child(4){animation-delay:.5s}.art-windows rect:nth-child(5){animation-delay:1.4s}.art-windows rect:nth-child(6){animation-delay:.7s}.art-windows rect:nth-child(7){animation-delay:1.8s}.art-windows rect:nth-child(8){animation-delay:1.1s}.art-windows--2 rect:nth-child(2){animation-delay:.6s}.art-windows--2 rect:nth-child(3){animation-delay:1.2s}.art-windows--2 rect:nth-child(4){animation-delay:.4s}@keyframes windowGlow{0%,to{fill:#8f42ff}50%{fill:#fde68a}}.art-bar{transform-box:fill-box;transform-origin:50% 100%;animation:barGrow 3s ease-in-out infinite}.art-bar--2{animation-delay:.2s}.art-bar--3{animation-delay:.4s}@keyframes barGrow{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.art-line{stroke-dasharray:60;stroke-dashoffset:60;animation:lineDraw 3s ease-in-out infinite}@keyframes lineDraw{0%{stroke-dashoffset:60}45%,to{stroke-dashoffset:0}}.art-line-dot{transform-box:fill-box;transform-origin:center;animation:dotPulse 3s ease-in-out infinite}@keyframes dotPulse{0%,40%{opacity:0;transform:scale(0)}55%{opacity:1;transform:scale(1.4)}70%,to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.login-hero__art,.art-pin,.art-windows rect,.art-bar,.art-line,.art-line-dot,.login-bg__blob{animation:none!important}}@media (max-width: 480px){.login-hero__art{max-width:220px}}