.auth-page{grid-template-columns:2fr 3fr;min-height:100vh;display:grid}@media (max-width:900px){.auth-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}}.brand-panel{clip-path:inset(0);font-family:var(--font-inter,"Inter"),system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#131316;flex-direction:column;justify-content:space-between;padding:clamp(40px,5vw,72px);display:flex;position:relative}@media (max-width:900px){.brand-panel{min-height:auto;padding:28px 32px}}.brand-panel__logo{z-index:2;align-items:center;gap:10px;display:flex;position:relative}.brand-panel__copy{z-index:2;max-width:440px;position:relative}.brand-panel__headline{font-family:var(--font-inter,"Inter"),system-ui,sans-serif;letter-spacing:-.03em;color:#fefefe;margin-bottom:16px;font-size:clamp(40px,4vw,60px);font-weight:300;line-height:1.05}.brand-panel__headline em{color:#2974ff;font-style:normal;font-weight:600}.brand-panel__sub{color:#8e8e9a;max-width:340px;font-size:clamp(15px,1.2vw,18px);line-height:1.45}.orbital-ring{z-index:1;border:2.5px solid #2974ff2e;border-radius:50%;width:clamp(400px,40vw,720px);height:clamp(400px,40vw,720px);animation:30s linear infinite orbit-spin;position:absolute;top:40%;right:-15%;transform:translateY(-50%)}.orbital-ring:before{content:"";background:#2974ff;border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:-7px;left:50%;box-shadow:0 0 20px 4px #2974ff80,0 0 40px 8px #2974ff33}.orbital-ring-2{z-index:1;border:2px solid #2974ff1f;border-radius:50%;width:clamp(280px,26vw,480px);height:clamp(280px,26vw,480px);animation:22s linear infinite reverse orbit-spin;position:absolute;top:40%;right:-5%;transform:translateY(-50%)}.orbital-ring-2:before{content:"";opacity:.7;background:#2974ff;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;left:40%;box-shadow:0 0 14px 3px #2974ff66}@keyframes orbit-spin{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.auth-form-panel{min-height:100%;font-family:var(--font-inter,"Inter"),system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#131316;background:#fefefe;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:clamp(32px,4vw,64px);display:flex}.auth-form-container{width:100%;max-width:420px;transition:transform .35s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.auth-form-container.auth-methods-visible{transform:translateY(-40px)}.auth-form-header{margin-bottom:36px}.auth-form-header h1{letter-spacing:-.02em;color:#131316;margin-bottom:8px;font-size:28px;font-weight:600;line-height:1.3}.auth-form-header p{color:#5a5a66;margin:0;font-size:15px;line-height:1.5}.auth-field{margin-bottom:16px}.auth-field label{color:#131316;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.auth-field input{color:#131316;background:#fefefe;border:1px solid #e4e4e7;border-radius:8px;outline:none;width:100%;height:48px;padding:0 16px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s;display:block}.auth-field input::placeholder{color:#8e8e9a}.auth-field input:focus{border-color:#2974ff;box-shadow:0 0 0 3px #2974ff1a}.auth-field input:disabled{color:#5a5a66;background:#fafaf9}.auth-field-error{color:#d93025;margin-top:6px;font-size:13px}.auth-btn-primary{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,transform .1s;display:flex;color:#fefefe!important;background:#2974ff!important}.auth-btn-primary:hover{background:#1e5bb8!important}.auth-btn-primary:active{transform:scale(.985)}.auth-btn-primary:disabled{cursor:not-allowed;transform:none}.auth-btn-primary:disabled:not(.auth-btn-loading){opacity:.45}.auth-btn-primary.auth-btn-loading{opacity:1;background:#2974ff!important}.auth-btn-primary svg{transition:transform .2s}.auth-btn-primary:hover:not(:disabled) svg{transform:translate(2px)}.auth-btn-oauth{color:#131316;cursor:pointer;background:#fefefe;border:1px solid #e4e4e7;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.auth-btn-oauth:hover{background:#fafaf9;border-color:#d1d1d6}.auth-btn-oauth:active{background:#f3f2f0}.auth-btn-oauth+.auth-btn-oauth{margin-top:10px}.auth-btn-oauth svg{flex-shrink:0;width:18px;height:18px}.auth-separator{align-items:center;gap:14px;margin:24px 0;display:flex}.auth-separator:before,.auth-separator:after{content:"";background:#e4e4e7;flex:1;height:1px}.auth-separator span{color:#8e8e9a;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.auth-form-footer{text-align:center;margin-top:32px}.auth-form-footer p{color:#5a5a66;font-size:13px}.auth-form-footer a{color:#2974ff;font-weight:500;text-decoration:none}.auth-form-footer a:hover{text-decoration:underline}.auth-back-btn{color:#5a5a66;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:24px;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.auth-back-btn:hover{color:#131316}.auth-back-btn svg{width:14px;height:14px}.auth-legal{color:#8e8e9a;text-align:center;margin-top:24px;font-size:12px;line-height:1.5}.auth-legal a{color:#5a5a66;text-underline-offset:2px;-webkit-text-decoration:underline #e4e4e7;text-decoration:underline #e4e4e7}.auth-legal a:hover{color:#131316}.auth-step-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards auth-step-in}.auth-step-in>*{opacity:0;animation:.35s cubic-bezier(.16,1,.3,1) forwards auth-child-in;transform:translateY(12px)}.auth-step-in>:first-child{animation-delay:50ms}.auth-step-in>:nth-child(2){animation-delay:.1s}.auth-step-in>:nth-child(3){animation-delay:.15s}.auth-step-in>:nth-child(4){animation-delay:.2s}.auth-step-in>:nth-child(5){animation-delay:.25s}.auth-step-in>:nth-child(6){animation-delay:.3s}@keyframes auth-step-in{0%{opacity:0}to{opacity:1}}@keyframes auth-child-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.brand-panel__copy,.orbital-ring,.orbital-ring-2{display:none}.auth-form-panel{padding:40px 24px 60px}.auth-page .brand-panel{min-height:auto;padding:28px 32px}}