.page-login{background:#fff}.login{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100svh;display:grid}.login-side{flex-direction:column;padding:28px 40px;display:flex}.login-box{width:100%;max-width:400px;margin:auto;padding:40px 0}.login-box h1{letter-spacing:-.035em;margin:0 0 8px;font-size:clamp(32px,4vw,40px);line-height:1.1}.login-sub{color:var(--mute);margin:0 0 32px;font-size:16px}.btn-google{border-radius:var(--r-pill);min-height:48px;font-family:var(--display);color:var(--ink);background:#fff;border:1px solid #d4d4d8;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:border-color .15s,background-color .15s;display:flex}.btn-google:hover{border-color:var(--ink)}.btn-google svg{width:18px;height:18px}.login-or{color:var(--mute-2);align-items:center;gap:12px;margin:24px 0;font-size:13px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--line);flex:1;height:1px}.lf-field{margin-bottom:18px}.lf-field label{color:var(--ink);margin-bottom:7px;font-size:14px;font-weight:500;display:block}.lf-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.lf-link{color:var(--mute);font-size:13px}.lf-link:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.lf-field input{width:100%;height:48px;font-family:var(--text);color:var(--ink);background:#fff;border:1px solid #d4d4d8;border-radius:12px;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.lf-field input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #09090b14}.lf-pw{position:relative}.lf-pw input{padding-right:52px}.lf-eye{width:44px;height:44px;color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:2px;right:2px}.lf-eye:hover{color:var(--ink)}.lf-eye svg{width:18px;height:18px}.lf-err{color:var(--bad);margin-top:6px;font-size:13px;display:none}.lf-field.is-error input{border-color:var(--bad)}.lf-field.is-error .lf-err{display:block}.lf-check{min-height:24px;color:var(--ink-2);cursor:pointer;align-items:center;gap:9px;margin:4px 0 24px;font-size:14px;display:flex}.lf-check input{width:16px;height:16px;accent-color:var(--ink)}.lf-submit{width:100%}.lf-submit[disabled]{opacity:.7;cursor:progress}.login-demo{background:var(--soft);color:var(--ink-2);border-radius:12px;align-items:flex-start;gap:8px;margin:24px 0 0;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.login-demo svg{width:16px;height:16px;color:var(--mute);flex-shrink:0;margin-top:1px}.login-foot{text-align:center;color:var(--mute);margin:0;font-size:14px}.login-foot a{color:var(--ink);font-weight:500}.login-foot a:hover{text-underline-offset:3px;text-decoration:underline}.login-art{color:#fff;background:#000;border-radius:24px;flex-direction:column;justify-content:space-between;align-self:start;max-height:calc(100vh - 24px);margin:12px;padding:64px 0 0 56px;display:flex;position:sticky;top:12px;overflow:hidden}.login-art:before{content:"";pointer-events:none;background:radial-gradient(70% 60% at 85% 100%,#533afd8c,#0000 70%);position:absolute;inset:0}.login-quote{max-width:520px;padding-right:56px;position:relative}.login-quote blockquote{font-family:var(--display);letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(22px,2.3vw,30px);font-weight:500;line-height:1.3}.login-who{align-items:center;gap:12px;margin:0;display:flex}.login-who .av{width:40px;height:40px;font-size:15px}.login-who span{color:#a1a1aa;flex-direction:column;font-size:14px;line-height:1.4;display:flex}.login-who strong{color:#fff;font-weight:600}.login-shot{margin-top:48px;position:relative}.login-shot img{border-radius:14px 0 0;width:125%;max-width:none;height:auto;display:block;box-shadow:0 30px 80px #00000080}.login-shot .float-stat{top:140px;left:-24px;right:auto}@media (max-width:960px){.login{grid-template-columns:1fr}.login-art{display:none}.login-side{padding:20px 24px}}