.xa-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#6C3EF4 0%,#8B5CF6 50%,#3B82F6 100%);position:relative;overflow:hidden}
.xa-auth::before,.xa-auth::after{content:'';position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}
.xa-auth::before{width:400px;height:400px;background:#EC4899;top:-100px;left:-100px}
.xa-auth::after{width:500px;height:500px;background:#3B82F6;bottom:-150px;right:-150px}
.xa-auth__wrap{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;width:100%;background:rgba(255,255,255,.15);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.25);border-radius:32px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(15,23,42,.5);position:relative;z-index:1;animation:xaFadeIn .6s ease}
.xa-auth__illus{padding:3rem;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative}
.xa-auth__illus h2{color:#fff;font-size:2rem;margin-bottom:1rem}
.xa-auth__illus p{color:rgba(255,255,255,.85)}
.xa-auth__illus-art{width:100%;max-width:340px;margin:2rem auto 0}
.xa-auth__form{background:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:center}
.xa-auth__form h1{margin-bottom:.35rem}
.xa-auth__form .muted{color:var(--xa-muted);margin-bottom:1.75rem}
.xa-auth__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:.85rem}
.xa-auth__foot{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--xa-muted)}
@media (max-width:820px){.xa-auth__wrap{grid-template-columns:1fr}.xa-auth__illus{display:none}}