.auth-page button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;margin:0;padding:0;border:none;background:none;cursor:pointer}.auth-page input{font:inherit}.auth-page a{color:inherit}.auth-page{min-height:100vh;background:var(--color-bg-page);font-family:var(--font-ui);padding:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.auth-page--split{padding:0;align-items:stretch;justify-content:stretch;height:100dvh;max-height:100dvh;overflow:hidden;background:var(--bg-surface)}:where(.auth-page--split) button{padding:0;border:none}.auth-split{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;box-sizing:border-box}.auth-split-main{display:flex;flex-direction:column;justify-content:flex-start;background:var(--bg-surface);padding:32px 40px;box-sizing:border-box;overflow-y:auto}.auth-split-main-inner{width:100%;max-width:360px;margin:auto;padding-block:1rem;display:flex;flex-direction:column;gap:28px}.auth-split-body{display:flex;flex-direction:column;gap:0}.auth-split-title{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);text-align:left}.auth-split-lead{margin:0 0 12px;font-size:14px;line-height:1.4;color:var(--text-secondary);text-align:left}.auth-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border-default)}.auth-page--split button.auth-tab{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;min-height:40px!important;padding:8px 0 10px!important;margin:0!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;color:var(--text-muted)!important;background:transparent!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;transition:color .15s ease,border-color .15s ease}.auth-page--split button.auth-tab:hover{color:var(--color-text-primary)!important}.auth-page--split button.auth-tab--active{color:var(--text-primary)!important;border-bottom-color:var(--accent)!important;margin-bottom:-1px!important}.auth-page--split button.auth-forgot-inline{display:inline!important;padding:0!important;margin:0!important;font-size:12px!important;font-weight:500!important;color:#6b7280!important;background:none!important;border:none!important;box-shadow:none!important;text-decoration:none;cursor:pointer}.auth-page--split button.auth-forgot-inline:hover{color:#111827!important;text-decoration:underline}.auth-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.auth-label-row label{margin-bottom:0}.auth-split-visual{position:relative;height:100%;min-height:0;overflow:hidden;background:var(--cta-invoice-bg)}.auth-split-visual-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 40%;object-position:50% 40%;display:block;opacity:0;transition:opacity 1.1s ease;pointer-events:none}.auth-split-visual-img.is-active{opacity:1;z-index:1}.auth-split-tint{position:absolute;inset:0;z-index:2;background:color-mix(in srgb,var(--cta-invoice-bg) 78%,transparent);pointer-events:none}.auth-split-story{position:absolute;z-index:4;right:clamp(2rem,7vw,6rem);bottom:clamp(2.5rem,8vh,6rem);left:clamp(2rem,7vw,6rem);display:flex;flex-direction:column;align-items:flex-start;color:var(--cta-invoice-fg)}.auth-split-story-kicker{margin-bottom:.9rem;color:var(--accent-readable, var(--accent));font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.auth-split-story-title{max-width:11ch;font-size:clamp(3rem,6vw,6.5rem);font-weight:850;letter-spacing:-.055em;line-height:.9}.auth-split-story-copy{max-width:32rem;margin-top:1.25rem;color:color-mix(in srgb,var(--cta-invoice-fg) 82%,transparent);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5}.auth-split-register{position:absolute;z-index:3;top:clamp(-7rem,-6vw,-3rem);right:clamp(-7rem,-5vw,-3rem);width:clamp(18rem,32vw,32rem);aspect-ratio:1;color:var(--accent-readable, var(--accent));opacity:.92;pointer-events:none;transform:rotate(-10deg)}.auth-split-register-ring,.auth-split-register-axis,.auth-split-register-center{position:absolute}.auth-split-register-ring{border:clamp(.4rem,.8vw,.75rem) solid currentColor;border-radius:50%}.auth-split-register-ring--outer{inset:0}.auth-split-register-ring--middle{inset:18%}.auth-split-register-ring--inner{inset:39%}.auth-split-register-axis{z-index:2;background:currentColor}.auth-split-register-axis--horizontal{top:50%;right:-10%;left:-10%;height:clamp(.4rem,.8vw,.75rem);transform:translateY(-50%)}.auth-split-register-axis--vertical{top:-10%;bottom:-10%;left:50%;width:clamp(.4rem,.8vw,.75rem);transform:translate(-50%)}.auth-split-register-center{z-index:3;inset:44%;border-radius:50%;background:currentColor}@media(prefers-reduced-motion:reduce){.auth-split-visual-img{transition:none}}.auth-page--split .auth-slot{margin-bottom:14px}.auth-page--split .auth-slot label{font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;margin-bottom:6px}.auth-page--split .auth-slot input,.auth-page--split .auth-slot select,.auth-page--split .auth-pw-ctl{padding:10px 12px;font-size:14px;min-height:40px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface)}.auth-page--split .auth-terms-row{margin:4px 0 14px}.auth-page--split .auth-terms-label{font-size:12px;gap:8px}.auth-page--split .auth-terms-checkbox{accent-color:var(--cta-invoice-bg)}.auth-page--split button.auth-submit{margin-top:0!important;min-height:44px!important;padding:10px 16px!important;font-size:15px!important;font-weight:700!important;border-radius:var(--radius-full)!important}.auth-page--split button.auth-google-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;margin-top:12px!important;min-height:36px!important;padding:6px 8px!important;font-size:13px!important;font-weight:600!important;color:#4b5563!important;background:transparent!important;border:none!important;box-shadow:none!important;cursor:pointer}.auth-page--split button.auth-google-link:hover:not(:disabled){color:#111827!important}.auth-page--split .auth-referral-banner{margin-bottom:12px;padding:8px 10px;font-size:12px}.auth-page--split .auth-error,.auth-page--split .auth-success{margin-bottom:10px;padding:8px 10px;font-size:13px}.auth-wrap{max-width:1200px;width:100%;display:grid;grid-template-columns:55% 45%;gap:60px;align-items:center;box-sizing:border-box}.auth-wrap--focused{max-width:440px;display:flex;flex-direction:column;align-items:center;gap:24px}.auth-brand-link{display:block;line-height:0;width:-moz-fit-content;width:fit-content}.auth-brand-logo{height:32px;width:auto}.auth-brand-logo--dark,[data-theme=dark] .auth-brand-logo--light{display:none}[data-theme=dark] .auth-brand-logo--dark{display:block}.auth-card--focused{width:100%}.auth-chooser{display:flex;flex-direction:column;gap:12px;margin-top:8px}.auth-chooser-primary{margin-top:0!important}.auth-chooser-secondary{margin-top:0}.auth-chooser-note{margin:12px 0 0;text-align:left;font-size:13px;color:var(--color-text-muted)}.auth-waitlist-wrap{display:flex;flex-direction:column;gap:12px;margin-top:8px}.auth-waitlist-wrap .ob-waitlist{max-width:none}.auth-left{display:flex;flex-direction:column;gap:28px}.auth-headline-block{margin:0}.auth-headline{margin:0;font-size:48px;font-weight:800;line-height:1.1}.auth-headline-blue{color:var(--accent-readable, var(--color-accent));display:block}.auth-headline-black{color:var(--color-text-primary);display:block}.auth-subtext{margin:12px 0 0;font-size:16px;color:var(--color-text-secondary);line-height:1.5}.auth-features{display:flex;flex-direction:column;gap:20px}.auth-feature{display:flex;gap:16px;align-items:flex-start}.auth-feature-icon-box{width:40px;height:40px;min-width:40px;flex-shrink:0;background:#111;border-radius:10px;display:flex;align-items:center;justify-content:center}.auth-feature-icon-box svg{width:20px;height:20px;flex-shrink:0;stroke:#ffd100;color:var(--accent-readable, var(--color-accent))}.auth-feature-title{margin:0;font-weight:700;font-size:16px;color:var(--color-text-primary)}.auth-feature-desc{margin:4px 0 0;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.auth-feature-checks{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.auth-feature-checks li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary)}.auth-check-icon{flex-shrink:0}.auth-ob5-card{background:#111;border-radius:14px;padding:24px;display:flex;align-items:flex-end;gap:16px;overflow:hidden}.auth-ob5-content{flex:1}.auth-ob5-title{margin:0 0 8px;font-weight:700;font-size:18px;color:var(--accent-readable, var(--color-accent))}.auth-ob5-desc{margin:0 0 14px;font-size:14px;color:#aaa;line-height:1.5}.auth-ob5-pills{display:flex;gap:8px;flex-wrap:wrap}.auth-ob5-pill{background:var(--color-bg-page);color:var(--accent-readable, var(--color-accent));font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;border:1px solid #333333}.auth-ob5-mascot-wrap{flex-shrink:0;width:130px;display:flex;align-items:flex-end;justify-content:center}.auth-ob5-mascot{width:130px;height:auto;max-height:130px;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom;display:block}.auth-cta-block{margin:0}.auth-page button.auth-cta-primary{display:inline-block;padding:14px 28px;font-size:16px;font-weight:800;line-height:1.25;color:var(--action-primary-text, #ffffff)!important;-webkit-text-fill-color:var(--action-primary-text, #ffffff)!important;background:var(--action-primary)!important;border:none!important;border-radius:8px;cursor:pointer;letter-spacing:.01em;transition:background .15s;min-height:48px;box-sizing:border-box}.auth-page button.auth-cta-primary:hover{background:var(--action-primary-hover)!important}.auth-page button.auth-cta-primary:focus,.auth-page button.auth-cta-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #ffd10040}.auth-trial-note{margin:10px 0 0;font-size:13px;color:var(--color-text-secondary)}.auth-right{display:flex;justify-content:center;align-items:center}.auth-card{width:100%;max-width:420px;background:var(--color-bg-card);border-radius:16px;border:1px solid var(--color-border-default);box-shadow:none;padding:40px;box-sizing:border-box}.auth-page--split .auth-legal-links{margin-top:8px;justify-content:flex-start;text-align:left}.auth-legal-links{margin-top:18px;padding-top:18px;border-top:1px solid var(--color-border-default);text-align:center;display:flex;align-items:center;justify-content:center;gap:12px}.auth-legal-link{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.auth-legal-link:hover{color:var(--accent-readable, var(--color-accent))}.auth-legal-divider{color:var(--color-text-muted);font-size:13px}.auth-terms-row{margin:16px 0}.auth-terms-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.auth-terms-checkbox{width:16px;height:16px;min-width:16px;margin:2px 0 0;cursor:pointer;accent-color:var(--color-accent)}.auth-terms-text{flex:1}.auth-terms-link{color:var(--accent-readable, var(--color-accent));font-weight:600;text-decoration:underline;text-underline-offset:2px}.auth-terms-link:hover{color:var(--color-text-primary)}.auth-google-terms-note{margin:8px 0 0;font-size:12px;text-align:center;color:var(--color-text-secondary);line-height:1.4}.auth-card-title{margin:0 0 6px;font-size:28px;font-weight:800;color:var(--color-text-primary);text-align:center}.auth-referral-banner{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--accent-light, rgba(255, 209, 0, .15));border:1px solid var(--border-default);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);text-align:center}.auth-card-subtitle{margin:0 0 24px;font-size:15px;color:var(--color-text-secondary);text-align:center}.auth-google-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:14px 16px;background:var(--bg-surface, var(--color-bg-card));border:2px solid var(--border-strong, var(--border-default));border-radius:var(--radius-md, 8px);font-size:15px;font-weight:700;color:var(--text-primary, var(--color-text-primary));cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease;box-sizing:border-box;box-shadow:var(--shadow-sm)}.auth-google-cta:hover:not(:disabled){background:var(--bg-elevated, var(--color-bg-card));border-color:var(--accent);box-shadow:var(--shadow-md)}.auth-google-cta:active:not(:disabled){transform:scale(.98)}.auth-google-cta:disabled{opacity:.7;cursor:not-allowed}.auth-page button.auth-google-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:48px!important;padding:14px 16px!important;background:var(--bg-surface, var(--color-bg-card))!important;color:var(--text-primary, var(--color-text-primary))!important;border:2px solid var(--border-strong, var(--border-default))!important;border-radius:var(--radius-md, 8px)!important;font-size:15px!important;font-weight:700!important;line-height:1.25!important;box-shadow:var(--shadow-sm)!important}.auth-page button.auth-google-cta:hover:not(:disabled){background:var(--bg-elevated, var(--color-bg-card))!important;border-color:var(--accent)!important;box-shadow:var(--shadow-md)!important}.auth-page button.auth-google-cta:active:not(:disabled){transform:scale(.98)}.auth-google-icon{width:18px;height:18px;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e0e0da}.auth-divider span{font-size:13px;color:var(--color-text-muted);white-space:nowrap}.auth-stack{display:flex;flex-direction:column;gap:0;background:transparent}.auth-slot{margin-bottom:16px;background:transparent}.auth-pw-wrap,.auth-terms-row{background:transparent}.auth-slot label{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-primary);margin-bottom:6px}.auth-slot input,.auth-slot select,.auth-pw-ctl{width:100%;padding:12px 14px;font-size:15px;border:1.5px solid #E0E0DA;border-radius:8px;background:#fafaf7;color:var(--color-text-primary);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.auth-slot input:hover:not(:focus),.auth-slot select:hover:not(:focus),.auth-pw-ctl:hover:not(:focus){border-color:#ccc}.auth-slot input:focus,.auth-slot select:focus,.auth-pw-ctl:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #ffd1002e}.auth-slot input::-moz-placeholder,.auth-pw-ctl::-moz-placeholder{color:var(--color-text-muted)}.auth-slot input::placeholder,.auth-pw-ctl::placeholder{color:var(--color-text-muted)}.auth-pw-wrap{position:relative}.auth-pw-ctl{padding-right:44px}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.auth-page--split .auth-switch{text-align:left}.auth-password-toggle:hover{color:var(--color-text-secondary)}.auth-error{display:flex;align-items:center;justify-content:space-between;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:12px 14px;border-radius:8px;font-size:14px;margin-bottom:16px}.auth-error-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;padding:0 .25rem}.auth-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;padding:12px 14px;border-radius:8px;font-size:14px;margin-bottom:16px}.auth-page button.auth-resend{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:12px;padding:12px 16px;min-height:44px;background:transparent;border:1px solid var(--border-default, var(--border));border-radius:var(--radius-md, 8px);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.auth-page button.auth-resend:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.auth-page button.auth-resend:disabled{opacity:.65;cursor:not-allowed}.auth-confirm-help{margin-top:12px}.auth-page .auth-confirm-help button.auth-resend{margin-top:0}.auth-page .auth-confirm-help-text{margin:12px 0 0;font-size:13px;line-height:1.5;text-align:center;color:var(--text-secondary)}.auth-page .auth-confirm-help-mail{color:var(--color-text-primary);text-decoration:none;border-bottom:2px solid #ffd100;padding-bottom:1px}.auth-page .auth-confirm-help-mail:hover{text-decoration:none}.auth-page button.auth-submit{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin-top:24px;padding:14px 16px!important;min-height:52px;background:linear-gradient(135deg,var(--action-primary),var(--action-primary-hover))!important;color:var(--action-primary-text, #ffffff)!important;-webkit-text-fill-color:var(--action-primary-text, #ffffff)!important;font-weight:800;font-size:16px;line-height:1.25;border:none!important;border-radius:var(--radius-md, 8px);cursor:pointer;letter-spacing:.02em;box-shadow:var(--shadow-md);transition:background .15s ease,transform .1s ease,box-shadow .15s ease;box-sizing:border-box}.auth-page button.auth-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--action-primary-hover),var(--action-primary))!important;box-shadow:var(--shadow-lg)}.auth-page button.auth-submit:active:not(:disabled){transform:scale(.98);box-shadow:var(--shadow-sm)}.auth-page button.auth-submit:focus,.auth-page button.auth-submit:focus-visible{outline:none;box-shadow:var(--shadow-md),0 0 0 3px color-mix(in srgb,var(--action-primary) 35%,transparent)}.auth-page button.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-page button.auth-submit.auth-chooser-primary{margin-top:0!important}.auth-forgot{display:block;text-align:center;margin-top:12px;font-size:14px;color:var(--color-text-primary);text-decoration:none;border-bottom:2px solid #FFD100;padding-bottom:1px;font-weight:500}.auth-forgot:hover{color:var(--color-text-primary)}.auth-switch{text-align:center;margin:20px 0 0;font-size:14px;color:var(--color-text-secondary)}.auth-page button.auth-link{display:inline;padding:0 0 1px!important;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;color:var(--color-text-primary)!important;background:none!important;border:none!important;border-bottom:2px solid #FFD100;cursor:pointer;text-decoration:none;transition:color .15s}.auth-page button.auth-link:hover{color:var(--color-text-primary)!important;text-decoration:none}.auth-page button.auth-link.auth-link-bold{font-weight:700}@media(max-width:900px){.auth-page{padding:40px 24px}.auth-page--split{padding:0;height:100dvh;overflow:hidden}.auth-split{grid-template-columns:1fr;height:100%}.auth-split-visual{display:none}.auth-split-main{justify-content:center;padding:24px 20px;overflow-y:auto}.auth-wrap:not(.auth-wrap--focused){grid-template-columns:1fr;gap:40px;max-width:480px;margin:0 auto}.auth-wrap--focused{max-width:100%}.auth-right{order:-1}.auth-headline{font-size:clamp(32px,8vw,48px)}.auth-ob5-mascot-wrap{width:100px}.auth-ob5-mascot{width:100px;max-height:100px}}@media(max-width:480px){.auth-page{padding:24px 16px}.auth-page--split{padding:0}.auth-split-main-inner{max-width:100%;gap:20px}.auth-card{padding:32px 24px}.auth-headline{font-size:32px}}
