.auth-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;background:var(--color-bg);color:var(--color-text-primary)}.auth-page *{box-sizing:border-box}.auth-panel{display:flex;flex-direction:column;width:min(100%,28rem);margin-inline:auto;padding:calc(var(--space-8) + var(--safe-area-top)) var(--space-5) var(--space-10)}.auth-top{display:flex;align-items:center;gap:var(--space-3);margin-bottom:clamp(2rem,6vh,4rem)}.auth-back{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:thin solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer}.auth-back:hover:not(:disabled){color:var(--color-text-primary)}.auth-brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;letter-spacing:-.02em;text-decoration:none}.auth-brand-mark{display:inline-flex;align-items:flex-end;gap:.1875rem;height:1.125rem}.auth-brand-mark i{width:.25rem;border-radius:var(--radius-full)}.auth-brand-mark i:nth-child(1){height:.7rem;background:var(--landing-blue)}.auth-brand-mark i:nth-child(2){height:1.125rem;background:var(--landing-yellow)}.auth-brand-mark i:nth-child(3){height:.9rem;background:var(--landing-coral)}.auth-brand-mark i:nth-child(4){height:.6rem;background:var(--landing-orange)}.auth-eyebrow{margin:0 0 var(--space-3);color:var(--color-text-brand);font-size:var(--text-sm);font-weight:750}.auth-panel h1{margin:0 0 var(--space-8);font-family:var(--font-display);font-size:clamp(2.25rem,4vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.045em;text-wrap:balance}.auth-note{margin:calc(var(--space-6) * -1) 0 var(--space-6);color:var(--color-text-secondary);line-height:1.55}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-field{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);font-weight:700}.auth-field small{color:var(--color-text-secondary);font-weight:500}.auth-input,.auth-input-wrap{width:100%;min-height:3.25rem;border:thin solid var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-bg-elevated);color:var(--color-text-primary);font:inherit;font-size:var(--text-base);font-weight:500}.auth-input{padding:0 var(--space-4)}.auth-input::-moz-placeholder,.auth-input-wrap input::-moz-placeholder{color:var(--color-text-tertiary)}.auth-input::placeholder,.auth-input-wrap input::placeholder{color:var(--color-text-tertiary)}.auth-input:focus,.auth-input-wrap:focus-within{border-color:var(--color-text-primary);outline:none}.auth-input-wrap{display:flex;align-items:center;gap:var(--space-1);padding-right:var(--space-2)}.auth-input-wrap input{flex:1;min-width:0;height:3.25rem;padding:0 var(--space-2) 0 var(--space-4);border:0;background:transparent;color:inherit;font:inherit;outline:none}.auth-input-wrap button{flex:none;min-height:2.5rem;padding:0 var(--space-3);border:0;border-radius:var(--radius-lg);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer}.auth-input-wrap button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.auth-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--color-error-bg);color:color-mix(in srgb,var(--color-error) 80%,var(--color-text-primary));font-size:var(--text-sm);font-weight:600}.auth-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:3.5rem;margin-top:var(--space-2);padding:0 var(--space-6);border:0;border-radius:var(--radius-full);background:var(--color-brand);color:#fff;font:inherit;font-size:1.1875rem;font-weight:750;box-shadow:0 10px 24px rgba(var(--color-brand-rgb),.22);text-decoration:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.auth-primary:hover:not(:disabled){background:var(--color-brand-hover)}.auth-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:3.25rem;padding:0 var(--space-5);border:thin solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-text-primary);font:inherit;font-size:var(--text-base);font-weight:700;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.auth-secondary:hover:not(:disabled){border-color:var(--color-text-primary)}.auth-page button:disabled{opacity:.6;cursor:default}.auth-text-link{align-self:flex-start;padding:0;border:0;background:none;color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);font-weight:700;text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:.2em;cursor:pointer}.auth-text-link:hover{text-decoration-color:currentColor}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-switch{margin:var(--space-8) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center}.auth-switch a{color:var(--color-text-primary);font-weight:700;text-underline-offset:.2em}.auth-visual{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;margin:0;padding:clamp(1.5rem,3vw,2.5rem);overflow:hidden}.auth-visual img{position:absolute;inset:var(--space-4);width:calc(100% - var(--space-8));height:calc(100% - var(--space-8));border-radius:2rem;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 35%;object-position:50% 35%}.auth-visual figcaption{position:relative;max-width:26rem;margin:0 var(--space-4) var(--space-4);padding:var(--space-5) var(--space-6);border-radius:1.25rem;background:var(--color-bg-elevated);box-shadow:var(--shadow-lg)}.auth-visual figcaption strong{display:block;font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em}.auth-visual figcaption p{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.55}.auth-visual ul{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none;font-size:var(--text-sm);font-weight:600}.auth-visual li{display:flex;align-items:center;gap:var(--space-2)}.auth-visual li svg{flex:none;color:var(--color-success)}.auth-page :is(a,button,input):focus-visible{outline:.1875rem solid var(--color-border-focus);outline-offset:.125rem}@media(max-width:56rem){.auth-page{grid-template-columns:minmax(0,1fr)}.auth-visual{display:none}}@media(prefers-reduced-motion:reduce){.auth-page *{transition:none!important}}
