@import "https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700;800;900&display=swap";.auth-layout{background:#14151b;gap:10px;min-height:100vh;padding:10px;display:flex}.auth-hero-wrap{flex:55;display:flex}.auth-form-wrap{flex:45;display:flex}.auth-hero{background:#14151b;border-radius:20px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.auth-grad{background:linear-gradient(135deg,#14151b 0%,#181930 20%,#1c1e42 38%,#2a2d6a 52%,#333780 62%,#1c1e42 78%,#14151b 100%) 0 0/300% 300%;animation:14s infinite gradFlow;position:absolute;inset:0}@keyframes gradFlow{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}.auth-noise{pointer-events:none;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.auth-hero-content{z-index:2;flex-direction:column;flex:1;justify-content:space-between;padding:48px 56px;animation:.8s both heroIn;display:flex;position:relative}@keyframes heroIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-hero-logo-img{filter:drop-shadow(0 0 24px #4e56ff66);width:auto;height:48px}.auth-hero-title{color:#fff;letter-spacing:-.04em;margin-bottom:20px;font-family:Onest,sans-serif;font-size:64px;font-weight:800;line-height:.92}.auth-hero-accent{color:#fff6}.auth-hero-sub{color:#ffffff4d;font-family:Onest,sans-serif;font-size:16px;line-height:1.7}.auth-form-side{background:#1d1d26;border-radius:20px;flex:1;justify-content:center;align-items:center;padding:48px 44px;display:flex}.auth-form-inner{width:100%;max-width:400px}.auth-view-anim{animation:.35s both formIn}@keyframes formIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.auth-form-title{color:#fff;letter-spacing:-.03em;margin-bottom:32px;font-family:Onest,sans-serif;font-size:36px;font-weight:800;line-height:1.2}.auth-brand{color:#4e56ff}.auth-field{margin-bottom:14px}.auth-field-row{gap:12px;display:flex}.auth-input-icon-wrap{position:relative}.auth-input-icon{color:#ffffff38;pointer-events:none;z-index:1;transition:color .2s;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.auth-input-icon-wrap:focus-within .auth-input-icon{color:#4e56ff99}.auth-input{color:#fff;background:#252530;border:1px solid #ffffff0f;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:Onest,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth-input.has-icon{padding-left:40px}.auth-input.has-eye{padding-right:42px}.auth-input::placeholder{color:#fff3}.auth-input:focus{border-color:#4e56ff66;box-shadow:0 0 0 3px #4e56ff14}.auth-input:-webkit-autofill{transition:background-color 600000s,color 600000s;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border-color:#ffffff0f!important;-webkit-box-shadow:inset 0 0 0 1000px #252530!important}.auth-input:-webkit-autofill:hover{transition:background-color 600000s,color 600000s;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border-color:#ffffff0f!important;-webkit-box-shadow:inset 0 0 0 1000px #252530!important}.auth-input:-webkit-autofill:focus{transition:background-color 600000s,color 600000s;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border-color:#ffffff0f!important;-webkit-box-shadow:inset 0 0 0 1000px #252530!important}.auth-eye{color:#fff3;cursor:pointer;z-index:1;background:0 0;border:none;align-items:center;padding:2px;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-eye:hover{color:#ffffff80}.auth-btn{color:#fff;cursor:pointer;background:#4e56ff;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;margin-top:4px;padding:13px 20px;font-family:Onest,sans-serif;font-size:15px;font-weight:600;transition:background .15s;display:flex}.auth-btn:hover{background:#4349e0}.auth-btn:active{background:#3b40cc}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{align-items:center;gap:14px;margin:18px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.auth-divider span{color:#ffffff2e;white-space:nowrap;font-family:Onest,sans-serif;font-size:12px}.auth-divider-thin{background:#ffffff0f;height:1px;margin:16px 0}.auth-social-row{gap:10px;display:flex}.auth-social-btn{color:#ffffff73;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-family:Onest,sans-serif;font-size:14px;font-weight:500;transition:all .15s;display:flex}.auth-social-btn:hover{color:#ffffffbf;background:#ffffff0d;border-color:#ffffff1f}.auth-btn-ghost{color:#ffffff73;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:10px;width:100%;padding:12px 20px;font-family:Onest,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.auth-btn-ghost:hover{color:#ffffffb3;background:#ffffff08;border-color:#ffffff26}.auth-error{color:#ff5252;background:#ff525214;border:1px solid #ff52522e;border-radius:10px;margin-bottom:16px;padding:11px 14px;font-family:Onest,sans-serif;font-size:13px;line-height:1.4}.app-loading{background:#14151b;justify-content:center;align-items:center;min-height:100vh;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){.auth-layout{flex-direction:column}.auth-hero-wrap{flex:none;min-height:340px}.auth-hero-title{font-size:36px}.auth-hero-content{padding:36px 28px}.auth-hero-logo-img{height:36px}.auth-form-side{padding:32px 24px}.auth-form-title{font-size:28px}}@media (width<=480px){.auth-hero-wrap{min-height:260px}.auth-hero-content{padding:28px 20px}.auth-hero-title{font-size:28px}.auth-hero-logo-img{height:28px}.auth-form-side{padding:28px 18px}.auth-field-row{flex-direction:column;gap:0}.auth-social-row{flex-direction:column}.auth-form-title{font-size:24px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#eeeef4;background:#14151b;height:100%}body{-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;line-height:1.5}.app-loading{justify-content:center;align-items:center;height:100vh;display:flex}.spin{border:2px solid #ffffff21;border-top-color:#7c5cfc;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}