:root{--auth-ease-out: cubic-bezier(.23, 1, .32, 1)}.auth-bg{background:radial-gradient(ellipse 72% 48% at 50% -12%,color-mix(in srgb,var(--kk-color-accent-soft) 70%,transparent),transparent 72%),var(--kk-color-bg);color:var(--kk-color-ink)}.auth-card{background:var(--kk-color-surface);border:1px solid var(--kk-color-line);box-shadow:var(--kk-shadow-soft)}.auth-input{background:var(--kk-color-surface-strong);border:1px solid var(--kk-color-line);color:var(--kk-color-ink);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}.auth-input:focus{border-color:var(--kk-color-accent-strong);box-shadow:0 0 0 3px var(--kk-focus-ring);outline:none}.auth-input::-moz-placeholder{color:var(--kk-color-faint)}.auth-input::placeholder{color:var(--kk-color-faint)}.btn-google{background:#fff;border:1px solid #e4e4e7;color:#18181b;transition:background-color .18s var(--auth-ease-out),border-color .18s var(--auth-ease-out),box-shadow .18s var(--auth-ease-out),color .18s var(--auth-ease-out),transform .14s var(--auth-ease-out)}.btn-google:hover{background:#f4f4f5;border-color:#d4d4d8}.btn-google-primary{background:var(--kk-color-ink);border-color:var(--kk-color-ink);color:var(--kk-color-bg);box-shadow:0 12px 22px #2e392224,0 2px 5px #2e392214}.btn-google-primary:hover{background:color-mix(in srgb,var(--kk-color-ink) 88%,var(--kk-color-accent));border-color:color-mix(in srgb,var(--kk-color-ink) 88%,var(--kk-color-accent))}.btn-google-icon{background:#fff}.btn-microsoft{background:#fff;border:1px solid #e4e4e7;color:#18181b;transition:background-color .18s var(--auth-ease-out),border-color .18s var(--auth-ease-out),box-shadow .18s var(--auth-ease-out),color .18s var(--auth-ease-out),transform .14s var(--auth-ease-out)}.btn-microsoft:hover{background:#f4f4f5;border-color:#d4d4d8}.btn-microsoft-primary{background:var(--kk-color-ink);border-color:var(--kk-color-ink);color:var(--kk-color-bg);box-shadow:0 12px 22px #2e392224,0 2px 5px #2e392214}.btn-microsoft-primary:hover{background:color-mix(in srgb,var(--kk-color-ink) 88%,var(--kk-color-accent));border-color:color-mix(in srgb,var(--kk-color-ink) 88%,var(--kk-color-accent))}.btn-primary{background:var(--kk-color-accent);color:#151812;font-weight:700;transition:background-color .18s var(--auth-ease-out),box-shadow .18s var(--auth-ease-out),transform .14s var(--auth-ease-out)}.btn-primary:hover{background:var(--kk-color-accent-hover)}.auth-header-action{background:var(--kk-color-accent);color:#151812;transition:background-color .18s var(--auth-ease-out),box-shadow .18s var(--auth-ease-out),transform .14s var(--auth-ease-out)}.auth-header-action:hover{background:var(--kk-color-accent-hover);box-shadow:0 8px 20px #00000029;transform:translateY(-1px)}.auth-header-action:active{transform:translateY(0) scale(.98)}.auth-header-action:focus-visible{outline:3px solid var(--kk-focus-ring);outline-offset:3px}.btn-google:active,.btn-microsoft:active,.btn-primary:active,.signup-billing-action:active,.signup-secondary-choice:active{transform:scale(.97)}.btn-google:focus-visible,.btn-microsoft:focus-visible,.btn-primary:focus-visible,.signup-billing-action:focus-visible,.signup-secondary-choice:focus-visible{outline:none;box-shadow:0 0 0 3px var(--kk-focus-ring)}.signup-plan-change{transition:color .16s var(--auth-ease-out)}.signup-billing-row{background:linear-gradient(90deg,color-mix(in srgb,var(--kk-color-accent-soft) 78%,transparent),transparent)}.signup-billing-action{background:color-mix(in srgb,var(--kk-color-surface-strong) 78%,transparent);border:1px solid color-mix(in srgb,var(--kk-color-accent-strong) 28%,transparent);color:var(--kk-color-accent-strong);transition:background-color .18s var(--auth-ease-out),border-color .18s var(--auth-ease-out),box-shadow .18s var(--auth-ease-out),color .18s var(--auth-ease-out),transform .14s var(--auth-ease-out)}.signup-billing-action:hover{background:var(--kk-color-surface-strong);border-color:color-mix(in srgb,var(--kk-color-accent-strong) 48%,transparent);color:var(--kk-color-ink)}.signup-trust-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem .625rem;color:var(--kk-color-muted);font-size:11px;font-weight:500;line-height:1.4}.signup-trust-row span+span:before{content:"";display:inline-block;width:3px;height:3px;margin-right:.625rem;vertical-align:2px;border-radius:999px;background:var(--kk-color-line)}.signup-secondary-choice{background:var(--kk-color-surface-strong);border:1px solid var(--kk-color-line);color:var(--kk-color-muted);transition:background-color .18s var(--auth-ease-out),border-color .18s var(--auth-ease-out),color .18s var(--auth-ease-out),transform .14s var(--auth-ease-out)}.signup-secondary-choice:hover{background:color-mix(in srgb,var(--kk-color-surface-strong) 82%,var(--kk-color-accent-soft));border-color:var(--kk-color-accent-strong);color:var(--kk-color-ink)}.divider-line{background:linear-gradient(90deg,transparent,var(--kk-color-line),transparent);height:1px}.auth-divider-label{background:var(--kk-color-surface);color:var(--kk-color-muted)}@media (hover: hover) and (pointer: fine){.btn-google-primary:hover,.btn-microsoft-primary:hover{box-shadow:0 14px 26px #0a192f29,0 3px 7px #0a192f1a;transform:translateY(-1px)}.btn-primary:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion: reduce){.auth-input,.btn-google,.btn-microsoft,.btn-primary,.auth-header-action,.signup-billing-action,.signup-secondary-choice{transition-duration:1ms}.btn-google-primary:hover,.btn-microsoft-primary:hover,.btn-primary:hover,.btn-google:active,.btn-microsoft:active,.btn-primary:active,.auth-header-action:hover,.auth-header-action:active,.signup-billing-action:active,.signup-secondary-choice:active{transform:none}}