.auth{min-height:100vh;display:grid;grid-template-columns:minmax(400px,.9fr) 1fr}.auth-brand{position:relative;overflow:hidden;padding:var(--sp-6);background:var(--plum);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-6)}.auth-brand:after{content:"";position:absolute;right:-120px;bottom:-140px;width:340px;height:340px;border-radius:50%;background:hsla(74,50%,83%,.1);pointer-events:none}.auth-lockup{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px}.auth-lockup span{font-family:var(--font-display),Georgia,serif;font-weight:500;font-size:var(--t-lg);color:#fff}.auth-lockup .brand-mark-img{filter:brightness(0) invert(1);opacity:.95}.auth-brand-mid{position:relative;z-index:1}.auth-brand-mid h2{color:#fff;font-size:var(--t-2xl);font-weight:500;line-height:1.25;max-width:400px;margin-bottom:var(--sp-5)}.auth-demo{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);max-width:380px}.auth-bubble{padding:11px 14px;font-size:var(--t-sm);line-height:1.5;max-width:88%}.auth-bubble.in{background:hsla(0,0%,100%,.12);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 4px}.auth-bubble.out{margin-left:auto;background:var(--sage);color:var(--sage-deep);border-radius:var(--r-lg) var(--r-lg) 4px var(--r-lg)}.auth-brand-foot{position:relative;z-index:1;display:flex;align-items:center;gap:7px;font-size:var(--t-xs);color:hsla(0,0%,100%,.65)}.auth-panel{display:grid;place-items:center;padding:var(--sp-6);background:var(--paper)}.auth-form-wrap{width:min(380px,100%)}.auth-form-wrap h1{font-size:var(--t-2xl);margin-bottom:6px}.auth-sub{color:var(--muted);font-size:var(--t-base);margin-bottom:var(--sp-5)}.auth-form{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.auth-form label{margin-top:2px}.auth-input{display:flex;align-items:center;gap:9px;padding:0 13px;color:var(--faint);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r);transition:border-color .15s ease,box-shadow .15s ease}.auth-input:focus-within{border-color:var(--plum);box-shadow:0 0 0 3px rgba(90,23,72,.08)}.auth-input input{width:100%;padding:11px 0;border:0;background:transparent;outline:none;box-shadow:none;color:var(--ink);font-size:var(--t-base)}.auth-input input:focus{box-shadow:none}.auth-submit{width:100%;margin-top:var(--sp-2)}.auth-error{color:var(--danger);font-size:var(--t-sm)}.auth-switch{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:var(--sp-4)}.auth-switch button{color:var(--muted);font-size:var(--t-sm);font-weight:500}.auth-switch button:hover{color:var(--plum);text-decoration:underline;text-underline-offset:3px}.auth-legal{margin-top:var(--sp-5);color:var(--faint);font-size:var(--t-xs);line-height:1.6}.auth-legal a{color:var(--plum);font-weight:500}.auth-sent{text-align:center}.auth-sent-icon{width:48px;height:48px;margin:0 auto var(--sp-4);display:grid;place-items:center;border-radius:var(--r);background:var(--rose-soft);color:var(--plum)}.auth-sent h2{font-size:var(--t-xl);margin-bottom:6px}.auth-sent p{color:var(--muted);font-size:var(--t-base);line-height:1.6}.auth-sent strong{color:var(--plum);font-weight:500}@media (max-width:880px){.auth{grid-template-columns:1fr}.auth-brand{gap:var(--sp-5);padding:var(--sp-5) var(--sp-4)}.auth-brand-mid h2{font-size:var(--t-xl)}.auth-panel{padding:var(--sp-6) var(--sp-4)}}