:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "IBM Plex Mono", Menlo, monospace;--color-bg: #FAFAF7;--color-ink: #101210;--color-sub: #6B7570;--color-line: #E4E3DC;--color-primary: #0F6B5C;--color-primary-hover: #0C5548;--color-on-primary: #F4F3EF;--color-panel: #FFFFFF;--color-panel-line: #E9E8E1;--color-success: #1D8A5A;--color-warning: #B8842E;--color-danger: #C1443A;--surface-border: var(--color-line);--shadow-sm: 0 1px 2px rgba(16, 18, 16, .04);--shadow-md: 0 2px 8px rgba(16, 18, 16, .06);--shadow-lg: 0 30px 80px -40px rgba(16, 18, 16, .35)}[data-theme=dark]{--color-bg: #0B0D0C;--color-ink: #F4F3EF;--color-sub: #8C9490;--color-line: #232624;--color-primary: #2FA593;--color-primary-hover: #4CBBA8;--color-on-primary: #04140F;--color-panel: #141615;--color-panel-line: #232624;--color-success: #3FA873;--color-warning: #D2A24C;--color-danger: #D3695A;--surface-border: var(--color-line);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 30px 80px -40px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);color:var(--color-ink)}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:transform .15s ease,border-color .15s ease}.hover-lift:hover{transform:translateY(-2px)}.brand-accent{color:var(--color-primary)}@media (max-width: 768px){.hide-on-mobile{display:none!important}.home-features-grid,.home-proof-grid{grid-template-columns:1fr!important}.home-plan-row{grid-template-columns:1fr!important;text-align:left!important}.auth-shell{grid-template-columns:1fr!important}.auth-rail{display:none!important}.auth-form-panel .show-on-mobile{display:flex!important}}@media (min-width: 769px){.show-on-mobile{display:none!important}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}