.auth{display:grid;grid-template-columns:1.05fr 1fr;min-height:calc(100vh - var(--nav-h) - var(--ann-h))}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-visual{display:none}}.auth-visual{position:relative;overflow:hidden}.auth-visual .ph{position:absolute;inset:0;width:100%;height:100%}.auth-visual .ov{position:absolute;inset:0;background:linear-gradient(160deg,rgba(28,19,16,.34),rgba(110,26,24,.55))}.auth-visual .vc{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:56px;color:#fff}.auth-visual .wm{font-family:var(--script);font-size:46px;margin:0 0 auto}.auth-visual h2{font-family:var(--display);font-weight:400;font-size:40px;line-height:1.12;margin:0 0 16px}.auth-visual p{color:hsla(0,0%,100%,.82);max-width:380px;margin:0 0 26px}.auth-benefits{display:grid;gap:14px}.auth-benefits .b{display:flex;gap:12px;align-items:center;font-size:14px}.auth-benefits .b .ic{width:34px;height:34px;border-radius:50%;background:hsla(0,0%,100%,.16);display:grid;place-items:center;flex:none}.auth-benefits .b .ic svg{width:18px;height:18px}.auth-form{display:flex;align-items:center;justify-content:center;padding:50px 32px;background:var(--surface)}.auth-card{width:100%;max-width:400px}.auth-card h1{font-family:var(--display);font-weight:400;font-size:32px;margin:0 0 6px}.auth-card .sub{color:var(--muted);font-size:14px;margin:0 0 26px}.seg{display:flex;background:var(--canvas);padding:4px;margin-bottom:26px}.seg,.seg button{border-radius:999px}.seg button{flex:1;height:40px;font-weight:500;font-size:13px;color:var(--muted);transition:background var(--t-std),color var(--t-std)}.seg button.on{background:var(--accent);color:#fff}.auth-pane{display:none;opacity:0}.auth-pane.on{display:block;opacity:1;transition:opacity .2s ease}.otp-row{display:flex;gap:10px;justify-content:space-between;margin:6px 0 4px}.otp-row input{width:100%;height:54px;text-align:center;font-size:20px;font-weight:500;border:1px solid var(--border);border-radius:8px}.otp-row input:focus{border-color:var(--accent);outline:none}.resend{font-size:13px;color:var(--muted);margin:14px 0;text-align:center}.resend a{color:var(--accent);font-weight:500;cursor:pointer}.divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px;margin:20px 0 12px}.divider:after,.divider:before{content:"";flex:1;height:1px;background:var(--border)}.google-auth-container{min-height:44px;display:flex;flex-direction:column;align-items:center;width:100%}.social-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-btn{height:46px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:500;font-size:13px;background:var(--surface);transition:border-color var(--t-micro),background var(--t-micro)}.social-btn:hover{border-color:var(--accent);background:var(--accent-lt)}.social-btn svg{width:18px;height:18px}.auth-foot{text-align:center;font-size:13px;color:var(--muted);margin-top:24px}.auth-foot a{color:var(--accent);font-weight:500;cursor:pointer}.pw-field{position:relative}.pw-field .toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:12px;font-weight:500}.legal{font-size:11px;color:var(--muted);text-align:center;margin-top:18px;line-height:1.5}.legal a{color:var(--accent)}