.auth{background:#121212;justify-content:center;align-items:center;min-height:100svh;padding:48px 20px;display:flex;position:relative;overflow:hidden}.auth__bg{z-index:0;pointer-events:none;background:radial-gradient(58% 42% at 50% 28%,#2d68ff1a,#0000 72%),radial-gradient(48% 40% at 50% 82%,#8b5cf60f,#0000 74%);position:absolute;inset:0}.auth__card{z-index:1;text-align:center;width:100%;max-width:400px;position:relative}.auth__logo{margin:0 auto 18px;display:block}.auth__title{letter-spacing:-.02em;color:#f8f8f8f2;margin-bottom:6px;font-size:26px;font-weight:450;line-height:1.2}.auth__subtitle{color:#adb7be;margin-bottom:26px;font-size:15px;line-height:20px}.auth .hero__tabs{--tab-count:2;opacity:1;width:100%;max-width:100%;height:48px;margin:0 auto 22px;animation:none}.auth .hero__tabs[data-active=register]{--tab-index:1}.auth__form{text-align:left;flex-direction:column;gap:14px;display:flex}.auth__field{flex-direction:column;gap:6px;display:flex}.auth__label{color:#adb7be;padding-left:2px;font-size:13px;font-weight:450}.auth__input-wrap{position:relative}.auth__input-wrap:before{content:"";-webkit-mask-composite:xor;opacity:.22;pointer-events:none;background:linear-gradient(90deg,#93c5fd,#d8b4fe,#fca5a5,#93c5fd) 0 0/300% 100%;border-radius:14px;padding:1px;transition:opacity .25s;animation:8s ease-in-out infinite placeholderShimmer;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth__input-wrap:focus-within:before{opacity:1}.auth__input{letter-spacing:-.01em;color:#f8f8f8;background:#161616;border:none;border-radius:14px;outline:none;width:100%;height:50px;padding:0 16px;font:400 15px/1.4 Inter,sans-serif;position:relative;box-shadow:inset 0 -2px #0000004d,0 0 0 1px #ffffff0f}.auth__input::placeholder{color:#5c5c5c}.auth__forgot{color:#adb7be;cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:-4px;font-size:13px;transition:color .2s}.auth__forgot:hover{color:#fff}.auth__submit{width:100%;min-height:48px;margin-top:4px;font-size:15px}.auth__submit:disabled{opacity:.6;pointer-events:none}.auth__error{color:#fca5a5;background:#fca5a514;border:1px solid #fca5a53d;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.5}.auth__note{color:#86efac;text-align:center;background:#86efac14;border:1px solid #86efac3d;border-radius:12px;margin-bottom:18px;padding:12px 14px;font-size:14px;line-height:1.55}.auth__form .auth__note{margin-bottom:0}.auth__divider{color:#5c5c5c;align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:#262626;flex:1;height:1px}.auth__social{color:#f8f8f8;background:0 0;border:1px solid #2c2c2c;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font:500 15px/1 Inter,sans-serif;transition:border-color .2s,background .2s;display:flex}.auth__social:hover{background:#ffffff08;border-color:#fff}.auth__switch{color:#adb7be;margin-top:22px;font-size:14px}.auth__switch button{color:#fff;font-weight:500}.auth__switch button:hover{text-decoration:underline}.auth__legal{color:#5c5c5c;margin-top:18px;font-size:12px;line-height:16px}.auth__legal a{color:#adb7be}.auth__legal a:hover{color:#fff}