/* Visual enhancement only. Forms remain usable without animation or pointer effects. */
body{isolation:isolate;background-color:#100c19}
body::before{content:"";position:fixed;width:min(74vw,820px);height:min(74vw,820px);right:-20vw;top:-30vw;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#ae5aaa26 0,#71398a12 43%,transparent 70%);animation:slAurora 22s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 7% 29%,#f5bbdf80 0 1px,transparent 2px),radial-gradient(circle at 27% 13%,#c9a7ed60 0 1px,transparent 2px),radial-gradient(circle at 49% 39%,#d7b2f23b 0 1px,transparent 2px),radial-gradient(circle at 89% 16%,#f0b4da70 0 1px,transparent 2px),radial-gradient(circle at 93% 67%,#cba8ef4d 0 1px,transparent 2px);opacity:.6}
.siteHeader{animation:slWelcomeIn .65s ease-out both}.heroCopy .eyebrow{animation:slWelcomeIn .7s .06s ease-out both}.heroCopy h1{animation:slWelcomeIn .8s .11s ease-out both}.heroIntro,.heroCta,.heroSignature{animation:slWelcomeIn .8s .18s ease-out both}
.heroCopy h1 em{background:linear-gradient(105deg,#ed8dc2 8%,#f4c7e4 38%,#d2b3ff 64%,#ef9acb 86%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:slPearl 13s ease-in-out infinite alternate}
@supports not ((background-clip:text) or (-webkit-background-clip:text)){.heroCopy h1 em{color:#f49ec5;background:none}}
.welcomeGlow i{animation:slOrbit 25s ease-in-out infinite alternate}.welcomeGlow i+i{animation-duration:31s;animation-direction:alternate-reverse}.signupCard{isolation:isolate;border-color:#ffdeef99;box-shadow:0 30px 90px #0004,0 0 70px #d780ba12,inset 0 1px #fff;animation:slWelcomeIn .85s .12s ease-out both}
.signupCard::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--light-x,50%) var(--light-y,25%),#df9bcb20,transparent 74%);opacity:var(--light-opacity,0);transition:opacity .4s;z-index:-1}
.signupCard::after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#f8d7ebaa,#eec5e023 35%,#b592d13d 72%,#f4d8e48c);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
#registerTab:not([hidden]),#loginTab:not([hidden]),#forgotTab:not([hidden]),#signupSuccess:not([hidden]){animation:slPanelIn .27s ease-out both}
.authTabs{box-shadow:inset 0 1px 3px #4a1d3d05}.authTabs button{transition:background .2s,color .2s,box-shadow .2s,transform .16s}.authTabs button.active{box-shadow:0 3px 10px #62284912}.authTabs button:active{transform:scale(.975)}
.primary{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#ce3e93,#9341c6);border:1px solid #f3bde52b;box-shadow:0 8px 23px #b43b922b,inset 0 1px #ffffff20;transition:transform .18s,box-shadow .25s,filter .25s}
.primary::after{content:"";position:absolute;inset:-20% auto -20% -80%;width:45%;pointer-events:none;background:linear-gradient(100deg,transparent,#ffffff24,transparent);transform:skewX(-18deg);opacity:0}
.primary:active:not(:disabled){transform:translateY(1px) scale(.987);box-shadow:0 2px 9px #9f3d8b25}.primary[aria-busy="true"]{box-shadow:0 0 0 3px #bb62b31c}.heroCta{transition:box-shadow .25s,background .25s,transform .2s}.heroCta>span:last-child{transition:transform .25s}.primary:focus-visible{outline:3px solid #bf72bc;outline-offset:4px}
input:not([type=checkbox]){transition:border-color .2s,box-shadow .2s,background .2s}input:not([type=checkbox]):focus{box-shadow:0 0 0 4px #b9659f0c,0 2px 16px #a9519209;background-color:#fff}input:not([type=checkbox]):focus-visible{outline:2px solid #bd72ab;outline-offset:2px}
.cardBrand img{box-shadow:0 3px 12px #74426219}.valueNumber{box-shadow:inset 0 1px #ffffff07;transition:border-color .2s,background .2s}.recoveryIcon{box-shadow:inset 0 1px #ffffff55,0 6px 18px #a9519208}.recoveryIcon svg{animation:slIconIn .45s ease-out both}
.formError{border:1px solid #d9879d29;animation:slPanelIn .2s ease-out}.formSuccess,.successMark{animation:slIconIn .35s ease-out}.recoveryBack{transition:color .2s,background .2s; border-radius:10px}.recoveryBack svg{transition:transform .2s}
dialog[open]{animation:slDialogIn .28s ease-out both}dialog::backdrop{animation:slBackdropIn .25s ease-out}.privacyNote{box-shadow:inset 0 1px #ffffff05}
@media(hover:hover) and (pointer:fine){
 .brand img{transition:transform .35s,filter .35s}.brand:hover img{transform:rotate(-7deg) scale(1.06);filter:drop-shadow(0 0 15px #f08dbe80)}
 .primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.035);box-shadow:0 11px 28px #b43b9238,inset 0 1px #ffffff30}.primary:hover:not(:disabled)::after{animation:slSheen .75s ease-out}
 .heroCta:hover{transform:translateY(-2px);box-shadow:0 9px 30px #e38bb828}.heroCta:hover>span:last-child{transform:translate(2px,-2px)}.recoveryBack:hover{background:#a2509509}.recoveryBack:hover svg{transform:translateX(-3px)}.valueStrip>div:hover .valueNumber{border-color:#d99cce60;background:#d599d411}
}
@media(max-width:767px), (max-width:1024px) and (pointer:coarse){
 body::before{width:100vw;height:100vw;right:-25vw;top:-33vw;opacity:.6;animation:none}body::after{display:none}
 .heroCopy h1 em{background:linear-gradient(105deg,#ef96cb,#dbb4fc);background-clip:text;-webkit-background-clip:text;animation:none}.siteHeader{animation-duration:.45s}.heroCopy h1{animation-duration:.5s}.signupCard{border-color:#ddb8ed2e;box-shadow:0 14px 38px #0003,inset 0 1px #ffffff06;animation-duration:.55s;animation-delay:.06s}
 .signupCard::before{display:none}.signupCard::after{background:linear-gradient(135deg,#ebb8e54d,#b79bd00c 36%,#c39fe418 70%,#d7b3e92e)}
 .authTabs button.active{box-shadow:0 4px 14px #a735a52b,inset 0 1px #ffffff15}.primary{background:linear-gradient(110deg,#da4199,#a347d2);box-shadow:0 7px 22px #b23aa331,inset 0 1px #ffffff26}
 input:not([type=checkbox]):focus{background:#181021;box-shadow:0 0 0 4px #d676be09,0 0 18px #c55cba08}input:not([type=checkbox]):focus-visible{outline-color:#d681c1}.recoveryIcon{box-shadow:inset 0 1px #ffffff04,0 7px 20px #b64a9b0a}
 .recoveryBack:hover{background:transparent}dialog[open]{animation:slSheetIn .3s cubic-bezier(.2,.8,.2,1) both}
}
@keyframes slWelcomeIn{from{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes slPanelIn{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes slIconIn{from{opacity:0;transform:translateY(3px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes slAurora{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-4vw,6vh,0) scale(1.08)}}
@keyframes slOrbit{from{transform:translateY(0) rotate(-20deg)}to{transform:translateY(24px) rotate(-12deg)}}
@keyframes slPearl{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes slSheen{0%{left:-80%;opacity:0}20%{opacity:1}100%{left:140%;opacity:0}}
@keyframes slDialogIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes slSheetIn{from{opacity:.3;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes slBackdropIn{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .signupCard::before{display:none}.primary:hover:not(:disabled),.heroCta:hover,.authTabs button:active,.primary:active:not(:disabled),.brand:hover img,.recoveryBack:hover svg,.heroCta:hover>span:last-child{transform:none}
}