.auth-page{background:radial-gradient(ellipse 80% 60% at 12% -5%, var(--green-100), transparent 62%), radial-gradient(ellipse 70% 55% at 100% 105%, var(--sun-200), transparent 60%), radial-gradient(ellipse 90% 70% at 50% 50%, var(--sand-50), transparent 70%), var(--sand-200)}.auth-layout{gap:var(--space-10);max-width:72rem;animation:welcome-in .64s var(--ease-out) both}@keyframes welcome-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.auth-card{border-radius:var(--radius-3xl);border-color:var(--line-soft);padding-bottom:var(--space-8);box-shadow:0 1px 2px #233f370f,0 18px 44px -18px #233f3747}.auth-card h1{font-family:var(--font-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);font-size:clamp(2rem,1.5rem + 1.8vw,2.6rem)}.auth-card .lead{font-size:var(--text-lg);line-height:var(--leading-normal)}.auth-brand{margin-bottom:var(--space-8)}.auth-brand .brand-icon{transition:transform var(--dur-base) var(--ease-bounce)}.auth-brand:hover .brand-icon{transform:rotate(-6deg)}.auth-card input{border-radius:var(--radius-lg);border-color:var(--line);background:var(--sand-50);min-height:var(--touch-min);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out)}.auth-card input:hover{border-color:var(--sand-400)}.auth-card input:focus{border-color:var(--green-400);box-shadow:0 0 0 3px var(--green-100);background:#fff}.auth-reveal{border-radius:var(--radius-md);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out)}.auth-reveal:hover{color:var(--green-600);background:var(--green-50)}.auth-submit{border-radius:var(--radius-lg);border-bottom-width:var(--press-depth);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), background var(--dur-fast) var(--ease-out);box-shadow:0 8px 20px -10px #17694ea6}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px -12px #17694eb3}.auth-submit:active:not(:disabled){border-bottom-width:1px;transform:translateY(1px);box-shadow:0 4px 10px -6px #17694e99}.auth-links{margin-top:var(--space-6)}.auth-links a{color:var(--green-600);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out);font-weight:600}.auth-links a:hover{color:var(--green-700);text-decoration:underline}.auth-message{border-radius:var(--radius-lg);animation:welcome-in var(--dur-base) var(--ease-out) both}.auth-aside h2{font-family:var(--font-display);line-height:var(--leading-snug);text-wrap:balance;max-width:22ch}.auth-aside ul{gap:var(--space-3)}.auth-aside li{padding:var(--space-4) var(--space-5);border:1px solid var(--line-soft);border-radius:var(--radius-xl);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);animation:welcome-in .56s var(--ease-out) both;background:#ffffff9e}.auth-aside li:first-child{animation-delay:90ms}.auth-aside li:nth-child(2){animation-delay:.17s}.auth-aside li:nth-child(3){animation-delay:.25s}.auth-aside li:hover{box-shadow:var(--shadow-sm);background:#ffffffd9;transform:translate(3px)}.auth-aside li>span[aria-hidden]{border-radius:var(--radius-lg);background:var(--green-100);color:var(--green-700)}.auth-aside li:nth-child(2)>span[aria-hidden]{background:var(--sun-100);color:var(--sun-600)}.auth-aside li:nth-child(3)>span[aria-hidden]{background:var(--w-violet-soft);color:var(--w-violet-ink)}.auth-note{border-top:1px solid var(--line-soft)}@media (prefers-reduced-motion:reduce){.auth-layout,.auth-aside li,.auth-message{animation:none}.auth-aside li:hover,.auth-submit:hover:not(:disabled),.auth-submit:active:not(:disabled),.auth-brand:hover .brand-icon{transform:none}}