.auth-entry{min-height:100svh;background:var(--background);color:var(--foreground)}.auth-entry-header{width:min(100%,90rem);margin-inline:auto;padding:1.5rem var(--page-gutter);display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-entry-logo{font-size:1.8rem;font-weight:700;letter-spacing:-.09em}.auth-entry-logo span{color:var(--primary)}.auth-back{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;font-size:.75rem;color:var(--muted-foreground);transition:color var(--motion-fast)}.auth-back:hover{color:var(--primary)}.auth-entry-main{width:min(100%,90rem);margin-inline:auto;padding:0 var(--page-gutter) 2rem;display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 7rem)}.auth-story{position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;padding:clamp(2rem,4vw,4rem);border-radius:1.5rem;background:var(--accent)}.auth-eyebrow{color:var(--muted-foreground);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}.auth-story h2{position:relative;z-index:1;font-family:var(--font-display);font-size:clamp(2.4rem,3.7vw,3.6rem);font-weight:400;line-height:1.12;letter-spacing:-.045em;margin-top:1.5rem}.auth-story h2 em{color:var(--primary)}.auth-story-description{position:relative;z-index:1;max-width:21rem;color:var(--muted-foreground);font-size:.875rem;line-height:1.8;margin-top:1.25rem}.auth-keepsake{position:relative;align-self:center;width:min(85%,18rem);margin-block:2.5rem}.auth-keepsake:before{content:"";position:absolute;inset:-1.25rem;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:50% 50% .5rem .5rem;transform:rotate(8deg)}.auth-keepsake-paper{position:relative;padding:1.6rem 1.5rem 1rem;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:.35rem;transform:rotate(-5deg)}.auth-keepsake-paper>span{color:var(--muted-foreground);font-size:.65rem}.auth-keepsake-paper p{margin-top:1rem;font-family:var(--font-display);font-size:2.6rem;line-height:1.05;letter-spacing:-.04em}.auth-keepsake-paper p em{color:var(--primary)}.auth-keepsake-paper>svg{margin:1rem auto;width:1.4rem;height:1.4rem;color:var(--primary)}.auth-keepsake-paper>div{padding-top:.75rem;border-top:1px solid var(--border);font-size:.5rem;letter-spacing:.15em;color:var(--muted-foreground)}.auth-keepsake-seal{display:grid;place-items:center;position:absolute;right:-1rem;top:.6rem;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--primary);color:var(--primary-foreground);transform:rotate(12deg)}.auth-keepsake-seal svg{width:1.25rem;height:1.25rem}.auth-story-footer{margin-top:auto;color:var(--muted-foreground);font-size:.6875rem;line-height:1.7}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:2rem clamp(2rem,5vw,5rem)}.auth-form-content{width:100%;max-width:24rem}.auth-form-content h1{margin-top:.75rem;font-family:var(--font-display);font-size:clamp(2.3rem,3vw,3rem);font-weight:400;line-height:1.15;letter-spacing:-.045em}.auth-form-description{color:var(--muted-foreground);font-size:.875rem;line-height:1.7;margin-top:.75rem;margin-bottom:2rem}.auth-form-signoff{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:2rem;color:var(--muted-foreground);font-size:.6875rem;text-align:center}.auth-field{display:grid;gap:.55rem}.auth-password-toggle{position:absolute;right:2px;top:2px;width:2.5rem;height:calc(100% - 4px);display:grid;place-items:center;border-radius:.4rem;color:var(--muted-foreground);transition:color var(--motion-fast),background-color var(--motion-fast)}.auth-password-toggle:hover{color:var(--primary);background:var(--accent)}.auth-password-toggle svg{width:1rem;height:1rem}@keyframes auth-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.auth-form-content{animation:auth-enter var(--motion-reveal) var(--ease-out) both}.auth-keepsake{animation:auth-enter var(--motion-reveal) var(--ease-out) .1s both}}@media(max-width:1000px){.auth-entry-main{grid-template-columns:.9fr 1fr}.auth-story{padding:2rem}.auth-form-side{padding-inline:2rem}.auth-keepsake{width:90%}}@media(max-width:760px){.auth-entry-header{padding-block:1rem}.auth-entry-main{display:block;min-height:auto;padding-bottom:2rem}.auth-story{display:none}.auth-form-side{padding:2rem 0}.auth-form-content{max-width:26rem}}@media(max-width:360px){.auth-back span{display:none}.auth-back{width:2.75rem;justify-content:center}}
