.auth-page{padding:var(--space-20) var(--space-6);max-width:420px;margin:0 auto}.auth-title{font-size:var(--fs-h1);margin:var(--space-4) 0 var(--space-3)}.auth-lede{color:var(--ink-3);margin:0 0 var(--space-10);line-height:1.5}.auth-card{padding:var(--space-8)}.auth-card-narrow{text-align:center}.auth-status-title{font-size:var(--fs-h2);margin:0 0 var(--space-3)}.auth-status-body{color:var(--ink-3);line-height:1.55;margin:0 0 var(--space-5)}.auth-success-icon{width:48px;height:48px;border-radius:50%;background:var(--green);color:var(--paper);font-size:24px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.auth-label{display:block;font-size:var(--fs-small);font-weight:600;color:var(--ink-2);margin:0 0 var(--space-2)}.auth-label:not(:first-child){margin-top:var(--space-5)}.auth-input{width:100%;height:var(--control-height-lg);padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--sans);font-size:var(--fs-body);color:var(--ink);background:var(--paper);transition:border-color .12s ease,box-shadow .12s ease}.auth-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-input::placeholder{color:var(--ink-5)}.auth-input.is-error{border-color:var(--red);box-shadow:0 0 0 3px rgba(var(--red-rgb) / .15)}.auth-input:disabled{opacity:.6}.auth-textarea{resize:none;word-break:break-all;height:auto;padding:var(--space-3) var(--space-4);font-size:var(--fs-tiny);margin:var(--space-4) 0}.auth-btn{width:100%;margin-top:var(--space-6)}.auth-error{color:var(--red);font-size:var(--fs-small);margin:var(--space-3) 0 0}.auth-help{text-align:center;color:var(--ink-4);font-size:var(--fs-small);margin:var(--space-4) 0 0}.auth-fineprint{margin-top:var(--space-8);color:var(--ink-4);font-size:var(--fs-small);line-height:1.5;text-align:center}.auth-fineprint--note{margin-top:var(--space-3);font-size:var(--fs-tiny)}.auth-link-btn{background:none;border:0;padding:0;color:var(--accent-2);text-decoration:underline;cursor:pointer;font:inherit}.auth-link-btn:hover{color:var(--accent)}.auth-link-btn:disabled{opacity:.5;cursor:default}.auth-code{text-align:center;font-size:28px;letter-spacing:.4em;padding:0}.otp-grid{display:flex;gap:var(--space-3);justify-content:center;margin:0 0 var(--space-6)}.otp-box{width:48px;height:56px;text-align:center;font-size:24px;font-family:var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .12s ease,box-shadow .12s ease}.otp-box:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.otp-box.is-error{border-color:var(--red);box-shadow:0 0 0 3px rgba(var(--red-rgb) / .15)}.auth-checkbox-row{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-5)}.auth-checkbox{width:20px;height:20px;min-width:20px;min-height:20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);appearance:none;-webkit-appearance:none;cursor:pointer;margin-top:2px;transition:background .12s ease,border-color .12s ease}.auth-checkbox:checked{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23faf8f4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.auth-checkbox:focus{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.auth-checkbox-label{font-size:var(--fs-small);color:var(--ink-3);line-height:1.5;cursor:pointer}.auth-checkbox-label a{color:var(--accent-2);text-decoration:underline}[data-animate=auth-field]:nth-child(5){animation-delay:.6s}[data-animate=auth-field]:nth-child(6){animation-delay:.68s}[data-animate=auth-field]:nth-child(7){animation-delay:.76s}@media(prefers-reduced-motion:reduce){[data-animate=auth-card],[data-animate=auth-field],[data-animate=auth-btn]{opacity:1!important;transform:none!important;animation:none!important}}@media(max-width:768px){.auth-page{padding:var(--space-12) var(--space-4)}}