.auth-shell{background:radial-gradient(circle at 50% 0%, oklch(29% .06 258) 0%, var(--background) 62%);min-height:100vh;position:relative;overflow:hidden}.auth-orb{filter:blur(60px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.auth-orb-1{background:radial-gradient(circle,#c9a55c,#0000 70%);width:340px;height:340px;animation:16s ease-in-out infinite authOrbFloat1;top:-120px;left:-80px}.auth-orb-2{background:radial-gradient(circle,#6a86c9,#0000 70%);width:280px;height:280px;animation:20s ease-in-out infinite authOrbFloat2;bottom:-100px;right:-60px}.auth-orb-3{opacity:.22;background:radial-gradient(circle,#f0e2bd,#0000 70%);width:200px;height:200px;animation:13s ease-in-out infinite authOrbFloat3;top:40%;right:8%}@keyframes authOrbFloat1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,50px)scale(1.12)}}@keyframes authOrbFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,-40px)scale(1.08)}}@keyframes authOrbFloat3{0%,to{transform:translate(0)}50%{transform:translate(-24px,30px)}}@keyframes authCardIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-card{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in oklch, var(--card), transparent 8%);border:1px solid oklch(73.908% .101172 83.6464/.22);animation:.5s cubic-bezier(.22,1,.36,1) both authCardIn;position:relative}@keyframes authLogoIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-logo{animation:.6s both authLogoIn}.auth-tabs{grid-template-columns:1fr 1fr;display:grid;position:relative}.auth-tab-cursor{background:var(--primary);z-index:0;border-radius:.6rem;width:calc(50% - 3px);transition:transform .32s cubic-bezier(.65,0,.35,1);position:absolute;inset:3px}.auth-tab-cursor.is-signup{transform:translate(100%)}.auth-tab-btn{z-index:1;transition:color .25s;position:relative}@keyframes authFieldIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-field{animation:.35s both authFieldIn}@keyframes authShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.auth-error{animation:.4s authShake}.auth-pill-card{box-shadow:0 30px 30px -20px oklch(73.908% .101172 83.6464/.28);border:2px solid oklch(73.908% .101172 83.6464/.35)!important;border-radius:40px!important}.auth-pill-input{border:2px solid #0000;border-radius:20px;transition:border-color .2s,box-shadow .2s;box-shadow:0 10px 10px -5px oklch(73.908% .101172 83.6464/.12)}.auth-pill-input:focus{border-color:var(--primary);box-shadow:0 10px 16px -6px oklch(73.908% .101172 83.6464/.3)}.auth-pill-btn{box-shadow:0 20px 10px -15px oklch(73.908% .101172 83.6464/.35);border-radius:20px!important}.auth-pill-btn:hover{box-shadow:0 23px 10px -20px oklch(73.908% .101172 83.6464/.4)}.auth-pill-btn:active{transform:scale(.95)}.auth-social-btn{background:linear-gradient(45deg, var(--background) 0%, color-mix(in oklch, var(--background), white 22%) 100%);aspect-ratio:1;border:2px solid oklch(73.908% .101172 83.6464/.45);border-radius:50%;place-content:center;width:44px;transition:transform .2s ease-in-out;display:grid;box-shadow:0 12px 10px -8px oklch(73.908% .101172 83.6464/.25)}.auth-social-btn:hover{transform:scale(1.15)}.auth-social-btn:active{transform:scale(.9)}.btn-glow{background-size:100% 100%,300% 300%;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;transition:transform .3s,box-shadow .3s;animation:6s infinite btnGlowBorderShift;position:relative}.btn-glow:before{content:"";z-index:-2;border-radius:inherit;filter:blur(12px);opacity:0;background:radial-gradient(closest-side,#c9a55c8c,#0000 72%);transition:opacity .35s;position:absolute;inset:-9px}.btn-glow:after{content:"";z-index:-1;border-radius:inherit;opacity:0;background-image:radial-gradient(#fff6 1px,#0000 1.4px);background-size:13px 13px;transition:opacity .35s;position:absolute;inset:0}.btn-glow:hover{transform:scale(1.03)}.btn-glow:hover:before{opacity:1}.btn-glow:hover:after{opacity:.45}.btn-glow:disabled,.btn-glow[aria-disabled=true]{animation-play-state:paused}.btn-glow:disabled:hover,.btn-glow[aria-disabled=true]:hover{transform:none}.btn-glow:disabled:hover:before,.btn-glow[aria-disabled=true]:hover:before,.btn-glow:disabled:hover:after,.btn-glow[aria-disabled=true]:hover:after{opacity:0}@keyframes btnGlowBorderShift{0%{background-position:0 0,0%}50%{background-position:0 0,100%}to{background-position:0 0,0%}}.btn-glow-primary{background-image:linear-gradient(var(--primary), var(--primary)), linear-gradient(135deg, #c9a55c 0%, #f0e2bd 25%, #8a6a2e 55%, #0d213f 85%, #c9a55c 100%)}.btn-glow-primary:hover{box-shadow:0 10px 30px -10px #c9a55c80}.btn-glow-outline{background-image:linear-gradient(var(--background), var(--background)), linear-gradient(135deg, #c9a55c 0%, #f0e2bd 25%, #8a6a2e 55%, #0d213f 85%, #c9a55c 100%)}.btn-glow-outline:hover{background-image:linear-gradient(color-mix(in oklch, var(--background), white 5%), color-mix(in oklch, var(--background), white 5%)), linear-gradient(135deg, #c9a55c 0%, #f0e2bd 25%, #8a6a2e 55%, #0d213f 85%, #c9a55c 100%)}
