*{box-sizing:border-box}:root{--brand-primary: #0071E3;--brand-primary-hover: #0077ED;--brand-primary-active: #006CD9;--brand-primary-light: #E8F1FB;--brand-primary-glow: rgba(0, 113, 227, .2);--color-accent: var(--brand-primary);--surface-nav: transparent;--surface-nav-scroll: rgba(255, 255, 255, .82);--surface-nav-border: rgba(0, 0, 0, .08);--surface-nav-text: #1D1D1F;--surface-nav-text-muted: #6E6E73;--surface-nav-accent: #0071E3;--chrome-bg: #F5F5F7;--chrome-bg-hover: #EBEBF0;--chrome-text: #1D1D1F;--chrome-text-muted: #6E6E73;--chrome-border: rgba(0, 0, 0, .1);--chrome-accent: #0071E3;--bg-body: #F5F5F7;--bg-card: #FFFFFF;--bg-card-hover: #FAFAFA;--bg-hover: #EBEBF0;--bg-inset: #F5F5F7;--bg-elevated: #FFFFFF;--text-primary: #1D1D1F;--text-secondary: #6E6E73;--text-tertiary: #AEAEB2;--text-inverse: #FFFFFF;--text-link: #0071E3;--border-default: rgba(0, 0, 0, .1);--border-subtle: rgba(0, 0, 0, .05);--border-strong: rgba(0, 0, 0, .18);--color-danger: #FF3B30;--color-danger-bg: #FFF2F1;--color-danger-border: rgba(255, 59, 48, .2);--color-danger-text: #D70015;--color-success: #34C759;--color-success-bg: #F0FAF3;--color-success-border: rgba(52, 199, 89, .2);--color-success-text: #248A3D;--color-warning: #FF9500;--color-warning-bg: #FFF8F0;--color-warning-border: rgba(255, 149, 0, .2);--color-warning-text: #C93400;--color-info: #0071E3;--color-info-bg: #E8F1FB;--color-info-border: rgba(0, 113, 227, .2);--color-info-text: #0058B0;--color-purple: #7C3AED;--color-purple-bg: #F0ECFF;--color-purple-border: rgba(124, 58, 237, .2);--color-purple-text: #5B21B6;--color-teal: #0D9488;--color-teal-bg: #F0FDFA;--color-teal-border: rgba(13, 148, 136, .2);--color-teal-text: #0F766E;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.06), 0 2px 4px -2px rgba(0,0,0,.03);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.06), 0 4px 6px -4px rgba(0,0,0,.03);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.08), 0 8px 10px -6px rgba(0,0,0,.04);--shadow-glow: 0 0 20px rgba(0, 113, 227, .2);--ease: cubic-bezier(.16, 1, .3, 1);--duration-fast: .1s;--duration-normal: .18s;--duration-slow: .3s;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}::selection{background:#0071e326}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.auth-brand-panel{display:none!important}.auth-mobile-logo{display:flex!important}}@media(max-width:640px){.marketing-nav__links,.marketing-nav__auth{display:none!important}.marketing-nav__hamburger{display:flex!important}}@media(max-width:640px){.marketing-section{padding-left:var(--sp-5)!important;padding-right:var(--sp-5)!important}.marketing-hero{padding-top:140px!important;padding-bottom:var(--sp-10)!important}.marketing-feature-card{text-align:center!important;align-items:center;display:flex;flex-direction:column}.marketing-pricing-card{text-align:center!important}.marketing-pricing-list{align-items:center!important;text-align:left}.hero-preview__body{flex-direction:column!important;height:auto!important}.hero-preview__panel{order:-1;width:100%!important;height:280px;border-right:none!important;border-bottom:1px solid var(--border-subtle)}.hero-preview__editor{height:200px;border-right:none!important}.hero-preview__stats{display:none!important}.marketing-section-heading{font-size:var(--text-2xl)!important}.marketing-pricing-card{width:100%;min-width:unset!important}}.marketing-cta-primary{position:relative;overflow:hidden;display:inline-block;background:linear-gradient(180deg,#1a8af5,#0071e3);color:var(--text-inverse);padding:16px 40px;border-radius:var(--radius-full);font-weight:700;font-size:var(--text-lg);font-family:inherit;letter-spacing:-.01em;text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 20px #0071e373,0 1px #ffffff2e inset;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),background .22s cubic-bezier(.16,1,.3,1)}.marketing-cta-primary:before{content:"";position:absolute;top:-50%;left:-110%;width:55%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:skew(-15deg);pointer-events:none;transition:left 0s linear}.marketing-cta-primary:hover{background:linear-gradient(180deg,#2490ff,#0077ed);transform:translateY(-3px);box-shadow:0 12px 40px #0071e38c,0 1px #fff3 inset}.marketing-cta-primary:hover:before{left:165%;transition:left .52s ease}.marketing-cta-primary:active{transform:translateY(0) scale(.98);box-shadow:0 4px 14px #0071e359,0 1px #ffffff24 inset}.marketing-cta-primary:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.marketing-cta-secondary{display:inline-flex;align-items:center;gap:6px;color:var(--text-primary);font-weight:600;font-size:var(--text-lg);text-decoration:none;padding:15px 32px;border-radius:var(--radius-full);border:1.5px solid rgba(0,0,0,.12);background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease),transform .18s cubic-bezier(.16,1,.3,1)}.marketing-cta-secondary:hover{border-color:#0071e352;background:#fffffff2;color:var(--brand-primary);transform:translateY(-1px)}.marketing-cta-secondary:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-full)}.feedback-widget{position:fixed;bottom:var(--sp-4);left:var(--sp-4);z-index:10000;font-family:var(--font-sans)}.feedback-panel{overflow:hidden;max-height:0;opacity:0;transform:translateY(8px);margin-bottom:0;transition:max-height var(--duration-slow) var(--ease),opacity var(--duration-normal) var(--ease),transform var(--duration-normal) var(--ease),margin-bottom var(--duration-normal) var(--ease)}.feedback-panel--open{max-height:420px;opacity:1;transform:translateY(0);margin-bottom:var(--sp-2)}.feedback-card{width:300px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);padding:var(--sp-4)}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3)}.feedback-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0}.feedback-close{background:none;border:none;font-size:1.25rem;line-height:1;color:var(--text-tertiary);cursor:pointer;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.feedback-close:hover{color:var(--text-primary);background:var(--bg-inset);border-color:transparent}.feedback-error{margin-bottom:var(--sp-2);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);color:var(--color-danger-text);font-size:var(--text-xs)}.feedback-form{display:grid;gap:var(--sp-2)}.feedback-input,.feedback-textarea{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-sans);background:var(--bg-card);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease)}.feedback-input:focus,.feedback-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow)}.feedback-textarea{resize:vertical}.feedback-success{text-align:center;padding:var(--sp-5) 0;color:var(--color-success-text);font-size:var(--text-md);font-weight:500}.feedback-trigger{background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-full);padding:7px var(--sp-4);font-size:var(--text-xs);font-weight:500;cursor:pointer;opacity:.85;transition:opacity var(--duration-fast) var(--ease)}.feedback-trigger:hover:not(:disabled){background:var(--text-primary);border-color:transparent;opacity:1}.feedback-trigger--open{opacity:.7}@media(prefers-reduced-motion:reduce){.feedback-panel{transition:none}}