@layer components{.auth-page{color:#f8f8fb;background:radial-gradient(circle at 77% 18%,#40195838,#0000 34%),radial-gradient(circle at 96% 82%,#5c1a4824,#0000 31%),radial-gradient(980px 660px at 27%,#74128038,#ff2b8a14 44%,#0000 72%),linear-gradient(135deg,#050508 0%,#090611 45%,#160719 72%,#050508 100%);place-items:normal;min-height:100svh;padding:0;display:block;position:relative;overflow-x:hidden}.auth-page:before,.auth-page:after{z-index:1;pointer-events:none;content:"";position:fixed;inset:0}.auth-page:before{opacity:.92;transform-origin:34% 56%;background:url(/auth-effects/open-arc.svg) 0 0/100% 100% no-repeat,radial-gradient(860px 520px at 28% 46%,#801ba83b,#ff2b8a17 42%,#0000 73%),linear-gradient(116deg,#0000 0 18%,#ff2b8a29 24%,#a452ff14 31%,#0000 41%) 0 0/152% 100%,linear-gradient(140deg,#0000 0 47%,#ff2b8a1a 54%,#a452ff0f 63%,#0000 75%) 0 0/142% 100%,radial-gradient(circle at 98% 8%,#bc62ff21,#0000 38%),radial-gradient(circle at 94% 91%,#ff3a931a,#0000 35%);animation:21s ease-in-out infinite auth-aura-breathe}.auth-page:after{opacity:.9;background:url(/auth-effects/flow-bands.svg) 0 0/100% 100% no-repeat,linear-gradient(166deg,#0000 0 50%,#ff2b8a29 67%,#a452ff14 82%,#0000 99%) 0 0/152% 100%,radial-gradient(at 31% 100%,#ff2b8a47,#a452ff1a 36%,#0000 58%);animation:22s ease-in-out infinite auth-ribbon-drift;-webkit-mask-image:linear-gradient(90deg,#000 0% 70%,#00000070 86%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 70%,#00000070 86%,#0000 100%)}.auth-shader,.auth-shader__canvas,.auth-starfield__canvas,.auth-shader__fallback,.auth-page__shade,.auth-page__noise{pointer-events:none;position:fixed;inset:0}.auth-shader{z-index:0}.auth-shader__canvas,.auth-starfield__canvas,.auth-shader__fallback{width:100%;height:100%}.auth-shader__canvas{opacity:.76;display:block}.auth-starfield__canvas{opacity:.88;mix-blend-mode:screen;display:block}.auth-shader__fallback{opacity:0;transition:opacity var(--motion-base);background:url(/auth-effects/open-arc.svg) 0 0/100% 100% no-repeat,url(/auth-effects/flow-bands.svg) 0 0/100% 100% no-repeat,linear-gradient(154deg,#0000 20%,#ff3a931a 42%,#0000 62%),linear-gradient(135deg,#050508 0%,#170719 48%,#08070d 100%)}.auth-shader__fallback[data-active=true]{opacity:1}.auth-page__shade{z-index:2;background:radial-gradient(circle at 100% 0,#bc62ff21,#0000 34%),radial-gradient(circle at 100% 100%,#ff3a9317,#0000 34%),radial-gradient(circle at 77% 52%,#57207c38,#ff3a930d 34%,#0000 58%),radial-gradient(circle at 80% 52%,#050509a8 0%,#05050975 36%,#0505092e 62%,#0000 78%),linear-gradient(118deg,#0000 0 18%,#03030747 24%,#0000 31% 39%,#03030742 47%,#0000 56% 64%,#03030733 70%,#0000 78%),linear-gradient(90deg,#00000005 0%,#0000000a 50%,#00000047 100%),radial-gradient(circle,#0000 48%,#00000024 100%)}.auth-page__noise{z-index:3;opacity:.035;mix-blend-mode:soft-light;background-image:linear-gradient(115deg,#ffffff14 0 1px,#0000 1px),linear-gradient(25deg,#ffffff0d 0 1px,#0000 1px);background-size:13px 17px,19px 23px}.auth-layout{z-index:10;grid-template-columns:minmax(0,57fr) minmax(520px,43fr);align-items:center;gap:clamp(36px,2.8vw,48px);width:min(1560px,100vw - 160px);min-height:100svh;margin:0 auto;padding:clamp(64px,7vh,80px) 0;display:grid;position:relative}.auth-brand,.auth-form-shell{min-width:0}.auth-brand{animation:auth-fade-up var(--motion-entrance) var(--ease-enter) both;flex-direction:column;justify-content:center;align-items:normal;gap:normal;font-size:16px;display:flex;transform:translate(18px)}.auth-brand-lockup{color:#fff;letter-spacing:0;align-items:center;gap:14px;width:fit-content;transition:filter .16s,transform .16s;animation:.28s ease-out both auth-logo-enter;display:inline-flex}.auth-brand-lockup:hover{filter:brightness(1.05);transform:translateY(-1px)}.auth-brand-lockup__icon{object-fit:contain;filter:drop-shadow(0 0 10px #ff238742)drop-shadow(0 8px 18px #6f2dff1f);width:60px;height:60px;animation:.28s ease-out both auth-logo-icon-enter}.auth-brand-lockup__text{gap:3px;animation:.32s ease-out 80ms both auth-logo-text-enter;display:grid}.auth-brand-lockup__text strong{color:#fffffff0;font-size:25px;font-weight:750;line-height:1}.auth-brand-lockup__text small{color:#e8d3ffa3;letter-spacing:.2em;font-size:11px;font-weight:700;line-height:1}.auth-brand__copy{width:min(640px,75%);max-width:640px;margin-top:34px}.auth-brand__copy h1{color:#fff;letter-spacing:0;max-width:640px;font-size:clamp(64px,3.75vw,72px);font-weight:850;line-height:.98}.auth-brand__copy h1>span{white-space:nowrap;animation:auth-title-line-enter .64s var(--ease-enter) both;display:block}.auth-brand__copy h1>span:nth-child(2){animation-delay:90ms}.auth-brand__copy h1 b{color:#0000;background:linear-gradient(90deg,#ff2181,#f244ac,#a96bff);-webkit-background-clip:text;background-clip:text;margin-left:.16em;font-weight:850}.auth-feature-list{color:#f4f2f8b8;animation:auth-soft-enter .52s .21s var(--ease-enter) both;flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;font-size:17px;line-height:1.3;display:flex}.auth-feature-list__item{align-items:center;gap:10px;display:inline-flex}.auth-feature-list__item svg{color:#e879f9}.auth-feature-list__item i{background:#ffffff2e;width:1px;height:18px;margin-right:12px;display:block}.auth-showcase{width:min(840px,100%);max-width:100%;height:424px;margin-top:32px;position:relative}.auth-showcase:before,.auth-showcase:after{z-index:0;pointer-events:none;content:"";position:absolute;bottom:-44px;left:2%;right:4%}.auth-showcase:before{transform-origin:top;filter:blur(10px);background:radial-gradient(#ff3a932e,#a65cff14 42%,#0000 70%);border-radius:50%;height:122px;transform:perspective(420px)rotateX(62deg)}.auth-showcase:after{background:linear-gradient(90deg,#0000,#ff3a9380,#a65cff47,#0000);height:1px;bottom:-4px;box-shadow:0 0 24px #ff3a932e}.auth-showcase-card{transform-origin:bottom;width:280px;height:352px;transition:border-color var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter), transform var(--motion-layout) var(--ease-enter), scale var(--motion-layout) var(--ease-enter);animation:auth-showcase-card-enter var(--motion-entrance) var(--ease-enter) var(--auth-card-enter-delay,0s) both, auth-float var(--auth-card-float-duration,7.2s) ease-in-out var(--auth-card-float-delay,0s) infinite;background:#0b0910;border:1px solid #dc78e675;border-radius:18px;position:absolute;top:0;overflow:hidden;box-shadow:0 0 20px #c837be26,0 24px 58px #00000070}.auth-showcase-card__image{object-fit:cover;width:100%;height:100%;transition:transform .28s;transform:scale(1)}.auth-showcase-card__footer{z-index:2;background:linear-gradient(#0000,#07060be0 30%,#07060bf5 58%,#07060bfc);padding:96px 18px 18px;position:absolute;inset:auto 0 0}.auth-showcase-card__play{z-index:2;color:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a081094;border:1px solid #ffffff57;border-radius:999px;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:22px;right:22px;box-shadow:0 12px 28px #00000047}.auth-showcase-card__play svg{transform:translate(1px)}.auth-showcase-card__footer strong,.auth-showcase-card__footer span{display:block}.auth-showcase-card__footer strong{color:#fff;font-size:19px;line-height:1.2}.auth-showcase-card__footer span{color:#ffffffd1;margin-top:4px;font-size:13px}.auth-showcase-card--right .auth-showcase-card__footer{padding-left:70px}.auth-showcase-card--left{z-index:1;--auth-card-enter-delay:.12s;--auth-card-float-duration:6.8s;top:30px;left:58px;transform:rotate(-10deg)}.auth-showcase-card--main{z-index:3;--auth-card-enter-delay:.22s;--auth-card-float-delay:.16s;--auth-card-float-duration:7.6s;border-color:#ff69beb8;width:338px;height:424px;top:-10px;left:278px;transform:rotate(0);box-shadow:0 0 0 1px #ffffff0a,0 0 30px #ff2a913d,0 30px 70px #00000080}.auth-showcase-card--right{z-index:2;--auth-card-enter-delay:.32s;--auth-card-float-delay:.32s;--auth-card-float-duration:8.3s;top:32px;left:546px;transform:rotate(10deg)}.auth-showcase:hover .auth-showcase-card{border-color:#ffc6efb8;box-shadow:0 30px 68px #00000080,0 0 26px #ff147838}.auth-showcase:hover .auth-showcase-card__image{transform:scale(1.015)}.auth-showcase:hover .auth-showcase-card--left{transform:translate(-7px)rotate(-10deg)}.auth-showcase:hover .auth-showcase-card--main{transform:translateY(-4px)rotate(0)}.auth-showcase:hover .auth-showcase-card--right{transform:translate(7px)rotate(10deg)}.auth-form-shell{isolation:isolate;animation:auth-shell-enter .52s .1s var(--ease-enter) both;place-items:center end;display:grid;position:relative;transform:translate(80px)}.auth-form-shell:before{z-index:-1;pointer-events:none;content:"";filter:blur(2px);background:radial-gradient(at 48% 46%,#a65cff1c,#0000 58%),radial-gradient(at 70% 62%,#ff3a9311,#0000 60%);position:absolute;inset:-190px -230px;-webkit-mask-image:radial-gradient(#000 0 56%,#0000 78%);mask-image:radial-gradient(#000 0 56%,#0000 78%)}.auth-mobile-logo{display:none}.auth-card{--spotlight-x:50%;--spotlight-y:24%;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(520px,100%);animation:auth-form-enter var(--motion-entrance) .12s var(--ease-enter) both;background:radial-gradient(circle at 100% 0,#dc2d9617,#0000 40%),radial-gradient(circle at 0 100%,#a65cff0a,#0000 48%),#07070ce6;border:1px solid #ffffff29;border-radius:22px;gap:18px;padding:42px 44px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000080,inset 0 1px #ffffff0b,0 0 26px #be41ff12}.auth-card__spotlight{pointer-events:none;background:radial-gradient(circle at var(--spotlight-x) var(--spotlight-y), #ff0a6c0f, transparent 36%);opacity:0;transition:opacity var(--motion-base);position:absolute;inset:0}.auth-card:hover .auth-card__spotlight{opacity:1}.auth-form-content{z-index:1;width:100%;animation:auth-form-content-enter .28s var(--ease-enter) both;gap:19px;display:grid;position:relative}.auth-card__head{z-index:1;text-align:center;justify-items:center;gap:10px;margin-bottom:10px;display:grid;position:relative}.auth-card__head h2{color:#fff;font-size:36px;font-weight:720;line-height:1.15}.auth-card__head p{color:#ffffff94;font-size:15px;line-height:1.4}.auth-card__head>span{background:#ff1478;border-radius:999px;width:38px;height:3px;margin-top:6px;display:block}.auth-field{z-index:1;color:#ffffffd1;gap:8px;font-size:14px;line-height:1.35;display:grid;position:relative}.auth-field>span:first-child{transition:color .16s}.auth-field:focus-within>span:first-child{color:#ffe5f8f5}.auth-input{color:#ffffffb8;height:56px;transition:border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter);background:#ffffff0b;border:1px solid #ffffff2b;border-radius:11px;align-items:center;gap:12px;padding:0 14px;display:flex;position:relative;overflow:hidden}.auth-input:after{z-index:0;pointer-events:none;content:"";opacity:0;background:linear-gradient(100deg,#0000 24%,#ffffff1c,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.auth-input:hover{background:#fff1;border-color:#d291ff80;transform:translateY(-1px)}.auth-input:focus-within{background:#ffffff12;border-color:#ff2d91eb;transform:translateY(-1px);box-shadow:0 0 0 3px #ff1e8721,0 0 24px #af37ff1f}.auth-input:focus-within:after{animation:.62s ease-out both auth-input-sheen}.auth-input:has(input[aria-invalid=true]){border-color:#f43f5ec2}.auth-input svg{z-index:1;flex:none;transition:color .16s,filter .16s;position:relative}.auth-input:hover svg{color:#ebdfffeb}.auth-input:focus-within svg{color:#ff3a93;filter:drop-shadow(0 0 8px #ff3a9333)}.auth-input input{z-index:1;color:#fff;background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;padding:0;position:relative}.auth-input input::placeholder{color:#ffffff9e}.auth-password{align-items:center;display:flex;position:relative}.auth-password input{padding-right:48px}.auth-password button.auth-password__toggle{z-index:3;width:36px;height:36px;box-shadow:none;color:#ffffff8c;cursor:pointer;transition:color var(--motion-fast), transform var(--motion-instant);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;line-height:0;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-password button.auth-password__toggle svg{pointer-events:none;width:18px;height:18px;display:block}.auth-password button.auth-password__toggle:hover:not(:disabled){box-shadow:none;color:#fff;background:0 0}.auth-password button.auth-password__toggle:active:not(:disabled){color:#ff97ccf2;transform:translateY(-50%)scale(.9)}.auth-password__toggle:focus-visible,.auth-submit:focus-visible,.auth-guest-link:focus-visible,.auth-switch a:focus-visible{outline-offset:2px;outline:2px solid #ff0a6cdb}.auth-error{z-index:1;color:#fecdd3;animation:auth-error-in var(--motion-base) ease-out both;margin:0;font-size:13px;line-height:1.5;position:relative}.auth-submit{z-index:1;color:#fff;width:100%;height:60px;transition:background-position var(--motion-fast) var(--ease-enter), filter var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter), opacity var(--motion-fast);background:linear-gradient(100deg,#ff1478 0%,#ed2a99 45%,#8b5cf6 100%) 0 0/130% 100%;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;font-size:15px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #ff147821}.auth-submit__shine{opacity:0;background:linear-gradient(100deg,#0000 24%,#fff3,#0000 72%);position:absolute;inset:0;transform:translate(-120%)}.auth-submit:hover:not(:disabled){filter:brightness(1.08);background-position:100%;transform:translateY(-1px);box-shadow:0 12px 26px #ff147824}.auth-submit:hover:not(:disabled) .auth-submit__shine{opacity:1;animation:.52s ease-out both auth-button-shine}.auth-submit:active:not(:disabled){transition-duration:var(--motion-instant);transform:scale(.985)}.auth-submit:disabled{cursor:not-allowed;filter:brightness(.82);opacity:.72}.auth-submit__icon{z-index:1;transition:transform .16s;position:relative}.auth-submit:hover:not(:disabled) .auth-submit__icon:not(.animate-spin){transform:translate(3px)}.auth-guest-link{z-index:1;color:#ffffffb8;width:100%;height:50px;transition:border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast), transform var(--motion-instant);background:#ffffff09;border:1px solid #b29bcd40;border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex;position:relative}.auth-guest-link:hover{color:#fff;background:#fff1;border-color:#d5c4e86b;transform:translateY(-1px)}.auth-guest-link:active{transform:scale(.985)}.auth-switch{z-index:1;color:#ffffff8c;text-align:center;margin:0;font-size:14px;position:relative}.auth-switch a{color:#ff6ea7;transition:color var(--motion-fast), background-size var(--motion-fast);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;border-radius:8px;margin-left:6px;font-weight:700;text-decoration:none}.auth-switch a:hover{color:#fff;background-size:100% 1px}}@keyframes auth-fade-up{0%{opacity:0;translate:0 var(--motion-distance-medium)}to{opacity:1;translate:0}}@keyframes auth-form-enter{0%{opacity:0;transform:translate(16px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes auth-logo-enter{0%{opacity:0}to{opacity:1}}@keyframes auth-logo-icon-enter{0%{opacity:0;transform:translateY(6px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes auth-logo-text-enter{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes auth-form-content-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-soft-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-shell-enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes auth-title-line-enter{0%{opacity:0;filter:blur(3px);transform:translateY(18px)}58%{filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes auth-aura-breathe{0%,to{opacity:.7;transform:translate(0,0)scale(1)}46%{opacity:.98;transform:translate(8px,-5px)scale(1.055)}72%{opacity:.82;transform:translate(-3px,3px)scale(1.02)}}@keyframes auth-ribbon-drift{0%,to{opacity:.66;background-position:0%,6%,12%,18%,12%,0 100%}50%{opacity:.9;background-position:60%,48%,42%,54%,44%,42% 100%}}@keyframes auth-input-sheen{0%{opacity:0;transform:translate(-120%)}22%{opacity:1}to{opacity:0;transform:translate(120%)}}@keyframes auth-showcase-card-enter{0%{opacity:0;scale:.985}to{opacity:1;scale:1}}@keyframes auth-float{0%,to{translate:0}50%{translate:0 -5px}}@keyframes auth-error-in{0%{opacity:0;transform:translateY(var(--motion-distance-tiny))}to{opacity:1;transform:translateY(0)}}@keyframes auth-button-shine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@media (max-width:1500px) and (min-width:1200px){.auth-layout{grid-template-columns:minmax(0,55fr) minmax(480px,45fr);gap:40px;width:min(1320px,100vw - 128px)}.auth-brand{transform:translate(12px)}.auth-form-shell{transform:none}.auth-card{width:min(480px,100%);padding:38px 40px 34px}.auth-brand__copy{width:min(610px,78%)}.auth-showcase{width:700px;height:405px}.auth-showcase-card{width:250px;height:315px}.auth-showcase-card--left{top:46px;left:30px}.auth-showcase-card--main{width:300px;height:378px;top:0;left:226px}.auth-showcase-card--right{top:48px;left:452px}}@media (max-width:1199px) and (min-width:768px){.auth-layout{grid-template-columns:minmax(0,55fr) minmax(440px,45fr);gap:32px;width:min(1120px,100vw - 48px)}.auth-brand,.auth-form-shell{transform:none}.auth-brand__copy h1{font-size:clamp(46px,5.2vw,62px)}.auth-showcase{width:560px;height:330px}.auth-showcase-card{width:214px;height:284px}.auth-showcase-card--main{width:242px;height:318px;left:184px}.auth-showcase-card--right{left:346px}.auth-card{width:min(460px,100%);padding:32px 30px 30px}}@media (max-width:767px){.auth-page{min-height:100dvh;overflow-y:auto}.auth-page:before{opacity:.74;animation-duration:22s}.auth-page:after{opacity:.56;animation-duration:24s}.auth-shader__canvas{opacity:.72}.auth-page__shade{background:radial-gradient(circle at 100% 0,#bc62ff2e,#0000 36%),radial-gradient(circle at 100% 100%,#ff3a9321,#0000 36%),radial-gradient(circle at 70% 48%,#0505096b 0%,#0000 56%),linear-gradient(#05050708,#05050785),radial-gradient(circle,#0000 46%,#00000029 100%)}.auth-layout{width:100%;min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 16px max(22px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);display:grid}.auth-brand{display:none}.auth-form-shell{align-content:center;justify-items:center;gap:18px;min-height:calc(100dvh - 44px);padding-top:clamp(12px,3dvh,28px);transform:none}.auth-mobile-logo{display:inline-flex}.auth-mobile-logo .auth-brand-lockup__icon{width:46px;height:46px}.auth-mobile-logo .auth-brand-lockup__text strong{font-size:20px}.auth-mobile-logo .auth-brand-lockup__text small{letter-spacing:.18em;font-size:9px}.auth-card{border-radius:20px;gap:16px;width:min(100%,430px);padding:22px}.auth-card__spotlight{display:none}.auth-card__head h2{font-size:25px}.auth-input{height:52px}.auth-input input{font-size:16px}.auth-submit{height:50px}}@media (prefers-reduced-motion:reduce){.auth-shader__canvas{display:none}.auth-shader__fallback{opacity:1}.auth-page:before,.auth-page:after,.auth-brand,.auth-brand__copy h1>span,.auth-feature-list,.auth-form-shell,.auth-card,.auth-form-content,.auth-showcase-card{animation:none!important}.auth-showcase-card,.auth-showcase-card__image,.auth-showcase-card__play,.auth-brand-lockup,.auth-brand-lockup__icon,.auth-brand-lockup__text,.auth-input,.auth-input:after,.auth-password__toggle,.auth-submit,.auth-submit__shine,.auth-guest-link{transition:none!important}.auth-submit:hover:not(:disabled) .auth-submit__shine{opacity:0;animation:none!important}}