.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:4rem 3rem;border-right:var(--lp-divider-width) solid var(--lp-divider-color);background:var(--lp-bg)}.auth-brand-backdrop{position:absolute;left:-5%;bottom:-12%;font-size:clamp(14rem,22vw,22rem)}.auth-brand-slash{position:absolute;top:-15%;left:30%;width:160px;height:130%;background:var(--lp-orange);transform:skew(-12deg);opacity:var(--lp-hero-slash-opacity);pointer-events:none}.auth-brand-content{position:relative;z-index:2}.auth-brand-tag .bar{width:24px;height:3px;background:var(--lp-orange);box-shadow:var(--lp-accent-shadow-strong)}.auth-form-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;background:var(--lp-bg-elevated);position:relative;overflow:hidden}.auth-form-panel:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.auth-form-container{position:relative;z-index:1;width:100%;max-width:380px}.auth-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem .5rem;background:transparent;color:var(--lp-white-dim);border:1px solid var(--lp-border);font-family:var(--lp-font-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .25s;position:relative}.auth-social-btn:hover{background:var(--lp-orange-glow);border-color:var(--lp-orange);color:var(--lp-white);z-index:1}.auth-social-btn:disabled{opacity:.4;cursor:not-allowed}.auth-social-btn:disabled:hover{background:transparent;border-color:var(--lp-border);color:var(--lp-white-dim)}.auth-social-btn svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.auth-sep{display:flex;align-items:center;gap:1rem;margin:1.75rem 0}.auth-sep-line{flex:1;height:1px;background:var(--lp-border)}.auth-sep-text{font-family:var(--lp-font-mono);font-size:.6rem;color:var(--lp-gray-dim);text-transform:uppercase;letter-spacing:.2em}.auth-input{width:100%;padding:.65rem .85rem;background:var(--lp-bg);border:1px solid var(--lp-border);color:var(--lp-white);font-family:var(--lp-font-body);font-size:.9rem;font-weight:400;outline:none;transition:border-color .2s;box-sizing:border-box}.auth-input::placeholder{color:var(--lp-gray-dim)}.auth-input:focus{border-color:var(--lp-orange)}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-otp-group{display:flex;justify-content:center;gap:.35rem;margin-bottom:1rem}.auth-otp-cell{width:48px;height:56px;background:var(--lp-bg);border:1px solid var(--lp-border);color:var(--lp-white);font-family:var(--lp-font-display);font-size:1.4rem;font-weight:600;text-align:center;outline:none;transition:border-color .2s;caret-color:var(--lp-orange)}.auth-otp-cell:focus{border-color:var(--lp-orange);z-index:1;position:relative;background:var(--lp-bg-elevated)}.auth-otp-sep{display:flex;align-items:center;padding:0 .35rem;color:var(--lp-gray-dim);font-family:var(--lp-font-display);font-size:1.2rem}.auth-resend-btn{background:none;border:none;color:var(--lp-orange);font-size:.8rem;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s;padding:0}.auth-resend-btn:hover{color:var(--lp-orange-dark)}.auth-resend-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.auth-step-enter{animation:authFadeUp .3s ease-out}@keyframes authFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
