.login-page{background:radial-gradient(ellipse 900px 480px at 18% -12%, #c4002b61, transparent 60%), radial-gradient(ellipse 900px 480px at 85% 112%, #c4002b52, transparent 60%), var(--kuak-black);min-height:100vh;font-family:var(--kuak-font-body);justify-content:center;align-items:center;padding:24px;display:flex}.login-wrap{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:380px;padding:24px 0;display:flex}.login-heading{text-align:center;flex-direction:column;gap:12px;display:flex}.login-eyebrow{font-family:var(--kuak-font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--kuak-pink-hot);font-size:12px;font-weight:600}.login-title{font-family:var(--kuak-font-display);letter-spacing:-.01em;color:var(--kuak-fg-1);font-size:34px;font-weight:300;line-height:1.2}.login-sub{font-family:var(--kuak-font-body);color:var(--kuak-fg-3);max-width:280px;margin:0 auto;font-size:15px;font-weight:300;line-height:1.5}.login-body{flex-direction:column;align-items:center;gap:28px;width:100%;display:flex}.login-socials{gap:16px;display:flex}.login-btn-google,.login-btn-apple{background:var(--kuak-surface);border:1px solid var(--kuak-fg-mute);cursor:pointer;width:56px;height:56px;color:var(--kuak-fg-1);border-radius:50%;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 8px 20px -8px #00000080}.login-btn-google:hover,.login-btn-google:active,.login-btn-apple:hover,.login-btn-apple:active{border-color:var(--kuak-pink);background:var(--kuak-pink);transform:translateY(-1px);box-shadow:0 10px 24px -8px #ff2e6e80}.login-btn-google:active,.login-btn-apple:active{transform:scale(.96)}.login-btn-google:disabled,.login-btn-apple:disabled{opacity:.5;cursor:not-allowed;background:var(--kuak-surface)}.login-divider{width:100%;color:var(--kuak-fg-4);align-items:center;gap:14px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--kuak-fg-mute);flex:1;height:1px}.login-divider span{font-family:var(--kuak-font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--kuak-fg-4);font-size:12px}.login-email{flex-direction:column;gap:12px;width:100%;display:flex}.login-email-label{font-family:var(--kuak-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--kuak-fg-4);text-align:center;font-size:12px;font-weight:300}.login-email-field{width:100%;position:relative}.login-email-field input{background:var(--kuak-surface);border:1px solid var(--kuak-fg-mute);width:100%;height:60px;color:var(--kuak-fg-1);font-family:var(--kuak-font-body);border-radius:999px;padding:0 60px 0 22px;font-size:16px;transition:border-color .18s}.login-email-field input::placeholder{color:var(--kuak-fg-4)}.login-email-field input:focus{border-color:var(--kuak-pink);outline:none}.login-email-submit{background:var(--kuak-grad-pink-cta);cursor:pointer;width:48px;height:48px;box-shadow:var(--kuak-shadow-pill);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .18s,opacity .18s;display:flex;position:absolute;top:6px;right:6px}.login-email-submit:hover{transform:translateY(-1px)}.login-email-submit:active{transform:scale(.94)}.login-email-submit:disabled{opacity:.35;cursor:not-allowed;transform:none}.login-legal{font-family:var(--kuak-font-ui);color:var(--kuak-fg-4);text-align:center;max-width:300px;font-size:11px;line-height:1.6}.login-legal a{color:var(--kuak-fg-3);text-underline-offset:2px;text-decoration:underline}.pin-back{border:1px solid var(--kuak-fg-mute);cursor:pointer;width:40px;height:40px;color:var(--kuak-fg-1);background:0 0;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;transition:border-color .18s;display:flex}.pin-back:hover{border-color:#ffffff52}.pin-boxes{justify-content:center;gap:10px;display:flex}.pin-boxes input{text-align:center;background:var(--kuak-surface);border:1px solid var(--kuak-fg-mute);border-radius:var(--kuak-radius-md);width:44px;height:56px;color:var(--kuak-fg-1);font-family:var(--kuak-font-display);font-size:22px;font-weight:500;transition:border-color .18s}.pin-boxes input:focus{border-color:var(--kuak-pink);outline:none}.pin-boxes.is-loading input{border-color:var(--kuak-pink);opacity:.55;transition:opacity .18s}.pin-boxes.is-success input{border-color:var(--kuak-success);color:var(--kuak-success)}.pin-boxes.is-error input{border-color:var(--kuak-error);color:var(--kuak-error)}.pin-boxes.shake{animation:.4s pin-shake}@keyframes pin-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.pin-toast{font-family:var(--kuak-font-ui);align-items:center;gap:8px;min-height:18px;font-size:13px;font-weight:500;display:flex}.pin-toast.success{color:var(--kuak-success)}.pin-toast.error{color:var(--kuak-error)}.pin-resend{font-family:var(--kuak-font-ui);color:var(--kuak-fg-3);text-align:center;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.pin-resend button{color:var(--kuak-pink);font-family:inherit;font-weight:500;font-size:inherit;cursor:pointer;background:0 0;border:none;border-bottom:1px solid;align-items:center;gap:4px;padding:0;text-decoration:none;display:inline-flex}.pin-resend button:disabled{cursor:not-allowed}.pin-resend button:hover{color:var(--kuak-pink-soft)}.pin-resend .disabled{color:var(--kuak-fg-3)}.welcome-overlay{background:var(--kuak-black);z-index:100;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.welcome-overlay.show{opacity:1;pointer-events:all}.welcome-text{opacity:0;width:34vw;max-width:280px;transform:scale(.5)}.welcome-text.burst{animation:1.8s cubic-bezier(.22,.68,.32,1) forwards welcome-burst}.welcome-text img{width:100%;display:block}@keyframes welcome-burst{0%{opacity:0;transform:scale(.5)}45%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(6)}}@media (min-width:640px){.login-wrap{gap:48px;padding:0}.login-title{font-size:40px}}