:root{--color-primary:#0070f3;--color-primary-hover:#0051cc;--color-primary-light:#e6f2ff;--color-primary-dark:#004999;--color-secondary:#666;--color-secondary-hover:#444;--color-secondary-light:#f5f5f5;--color-success:#10b981;--color-success-hover:#059669;--color-success-light:#d1fae5;--color-success-dark:#065f46;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#fef3c7;--color-warning-dark:#92400e;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-light:#fee2e2;--color-danger-dark:#991b1b;--color-text:#333;--color-text-muted:#666;--color-text-light:#888;--color-background:#f5f5f5;--color-surface:#fff;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"Monaco","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height:1.6;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:10;--z-sticky:50;--z-modal:100;--z-tooltip:200}@mixin dark-theme{--color-primary:#3b9eff;--color-primary-hover:#5aafff;--color-primary-light:#1a3a5c;--color-primary-dark:#8ecaff;--color-secondary:#a0a0a0;--color-secondary-hover:#c0c0c0;--color-secondary-light:#2a2a2a;--color-success:#34d399;--color-success-hover:#4ade80;--color-success-light:#064e3b;--color-success-dark:#a7f3d0;--color-warning:#fbbf24;--color-warning-hover:#fcd34d;--color-warning-light:#78350f;--color-warning-dark:#fef3c7;--color-danger:#f87171;--color-danger-hover:#fca5a5;--color-danger-light:#7f1d1d;--color-danger-dark:#fecaca;--color-text:#e5e5e5;--color-text-muted:#b8b8b8;--color-text-light:#909090;--color-background:#121212;--color-surface:#1e1e1e;--color-border:#3a3a3a;--color-border-light:#2a2a2a;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#3b9eff;--color-primary-hover:#5aafff;--color-primary-light:#1a3a5c;--color-primary-dark:#8ecaff;--color-secondary:#a0a0a0;--color-secondary-hover:#c0c0c0;--color-secondary-light:#2a2a2a;--color-success:#34d399;--color-success-hover:#4ade80;--color-success-light:#064e3b;--color-success-dark:#a7f3d0;--color-warning:#fbbf24;--color-warning-hover:#fcd34d;--color-warning-light:#78350f;--color-warning-dark:#fef3c7;--color-danger:#f87171;--color-danger-hover:#fca5a5;--color-danger-light:#7f1d1d;--color-danger-dark:#fecaca;--color-text:#e5e5e5;--color-text-muted:#b8b8b8;--color-text-light:#909090;--color-background:#121212;--color-surface:#1e1e1e;--color-border:#3a3a3a;--color-border-light:#2a2a2a;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5)}}:root[data-theme=dark]{--color-primary:#3b9eff;--color-primary-hover:#5aafff;--color-primary-light:#1a3a5c;--color-primary-dark:#8ecaff;--color-secondary:#a0a0a0;--color-secondary-hover:#c0c0c0;--color-secondary-light:#2a2a2a;--color-success:#34d399;--color-success-hover:#4ade80;--color-success-light:#064e3b;--color-success-dark:#a7f3d0;--color-warning:#fbbf24;--color-warning-hover:#fcd34d;--color-warning-light:#78350f;--color-warning-dark:#fef3c7;--color-danger:#f87171;--color-danger-hover:#fca5a5;--color-danger-light:#7f1d1d;--color-danger-dark:#fecaca;--color-text:#e5e5e5;--color-text-muted:#b8b8b8;--color-text-light:#909090;--color-background:#121212;--color-surface:#1e1e1e;--color-border:#3a3a3a;--color-border-light:#2a2a2a;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5)}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body,html{height:100%;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--line-height);color:var(--color-text);background:var(--color-background)}body{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.main-content{flex:1 1;padding:var(--space-xl) var(--space-md)}.container{max-width:900px;margin:0 auto}.navigation{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-md);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.nav-container{max-width:1200px;margin:0 auto;justify-content:space-between;height:60px}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-decoration:none}.nav-logo:hover .logo-gen{color:var(--color-primary-hover)}.nav-logo:hover .logo-batcher{color:var(--color-primary)}.logo-icon{width:24px;height:24px;margin-right:var(--space-xs)}.logo-gen{color:var(--color-primary)}.logo-batcher,.logo-gen{transition:color var(--transition-fast)}.logo-batcher{color:var(--color-text)}.nav-links,.nav-links--desktop{display:flex;gap:var(--space-md);align-items:center}.nav-links--mobile{display:none;gap:var(--space-sm);align-items:center}.nav-link{color:var(--color-text-muted);text-decoration:none;padding:var(--space-sm) var(--space-md)}.nav-link:hover{color:var(--color-text)}.mob-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:2.25rem;height:2.25rem;padding:.375rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.mob-hamburger:hover{background-color:var(--color-secondary-light);border-color:var(--color-text-muted)}.mob-hamburger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-light)}.mob-hamburger__bar{display:block;height:2px;background:var(--color-text);border-radius:2px;transform-origin:center;transition:transform .2s ease,opacity .2s ease}.mob-hamburger__bar--top.mob-hamburger__bar--open{transform:translateY(7px) rotate(45deg)}.mob-hamburger__bar--mid.mob-hamburger__bar--open{opacity:0;transform:scaleX(0)}.mob-hamburger__bar--bot.mob-hamburger__bar--open{transform:translateY(-7px) rotate(-45deg)}.mob-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:calc(var(--z-sticky) + 1);animation:mobBackdropFadeIn .2s ease}@keyframes mobBackdropFadeIn{0%{opacity:0}to{opacity:1}}.mob-drawer{position:fixed;top:0;right:0;bottom:0;width:min(280px,85vw);background:var(--color-surface);border-left:1px solid var(--color-border);z-index:calc(var(--z-sticky) + 2);display:flex;flex-direction:column;padding-top:4rem;transform:translateX(100%);transition:transform .25s cubic-bezier(.16,1,.3,1)}.mob-drawer--open{transform:translateX(0)}.mob-nav{display:flex;flex-direction:column;padding:var(--space-sm) 0;flex:1 1;overflow-y:auto}.mob-nav__link{display:block;padding:.875rem var(--space-lg);font-size:var(--font-size-md);font-weight:500;color:var(--color-text);text-decoration:none;transition:background-color var(--transition-fast)}.mob-nav__link:hover{background-color:var(--color-secondary-light)}.mob-drawer__footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border)}.mob-nav__signout{background:none;border:none;padding:0;font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.mob-nav__signout:hover{color:var(--color-error,#e53e3e)}.mob-nav__signin{font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.mob-nav__signin:hover{color:var(--color-primary-hover)}h1{font-size:var(--font-size-3xl)}h1,h2{margin-bottom:var(--space-md);color:var(--color-text)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);color:var(--color-text)}p{margin-bottom:var(--space-md)}.subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-xl)}.muted{color:var(--color-text-light);font-size:var(--font-size-sm)}.mono{background:var(--color-background);padding:var(--space-xs) var(--space-sm)}.mono,code{font-family:var(--font-mono);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}code{background:var(--color-border-light);padding:.125rem .375rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.info-list{grid-gap:var(--space-md)}.info-list,.info-list>div{display:grid;gap:var(--space-md)}.info-list>div{grid-template-columns:180px 1fr;grid-gap:var(--space-md)}.info-list dt{font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.info-list dd{color:var(--color-text)}.status{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize}.status-active{background:var(--color-success-light);color:var(--color-success-dark)}.status-canceled,.status-past_due{background:var(--color-danger-light);color:var(--color-danger-dark)}.status-trialing{background:var(--color-warning-light);color:var(--color-warning-dark)}.hero{text-align:center;padding:var(--space-2xl) 0}.cta{margin-top:var(--space-xl);display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.cta-hint{margin-top:var(--space-md);font-size:var(--font-size-sm)}.cta-hint,.terms-note{color:var(--color-text-light)}.terms-note{margin-top:var(--space-sm);font-size:var(--font-size-xs)}.terms-note a{color:var(--color-text-muted);text-decoration:underline}.terms-note a:hover{color:var(--color-primary)}.hero-split{display:grid;grid-template-columns:55fr 45fr;grid-gap:var(--space-2xl);gap:var(--space-2xl);align-items:center;padding:var(--space-2xl) 0}.hero-split-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.hero-eyebrow{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);letter-spacing:.03em}.hero-split h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;line-height:1.1;margin:0}@media (max-width:768px){.hero-split{grid-template-columns:1fr}.hero-split h1{font-size:var(--font-size-3xl)}}.hero-split .subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height);margin:0;max-width:50ch}.hero-split .cta{justify-content:flex-start;margin-top:0}.hero-split .cta-hint{margin-top:0;text-align:left}.hero-split .terms-note{text-align:left}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl);margin-top:var(--space-2xl)}.feature{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.feature h3{margin-bottom:var(--space-sm)}.feature p{color:var(--color-text-muted);margin:0}.how-it-works{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border);text-align:center}.how-it-works h2{margin-bottom:var(--space-xl)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl);text-align:center}.step{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.step h3{margin-bottom:var(--space-sm)}.step p{color:var(--color-text-muted);margin:0}.use-cases{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border);text-align:center}.use-cases h2{margin-bottom:var(--space-xl)}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-xl);gap:var(--space-xl);max-width:700px;margin-left:auto;margin-right:auto}@media (max-width:600px){.use-cases-grid{grid-template-columns:1fr}}.use-case{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:left}.use-case h3{margin-bottom:var(--space-sm)}.use-case p{color:var(--color-text-muted);margin:0}.trust-signals{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border);text-align:center}.trust-signals h2{margin-bottom:var(--space-xl)}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-xl);gap:var(--space-xl);max-width:700px;margin-left:auto;margin-right:auto}@media (max-width:600px){.trust-grid{grid-template-columns:1fr}}.trust-item{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:left}.trust-item h3{margin-bottom:var(--space-sm)}.trust-item p{color:var(--color-text-muted);margin:0}.page-loading{display:flex;justify-content:center;align-items:center;padding:var(--space-2xl) 0;min-height:200px}.page-loading-spinner{width:2rem;height:2rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-header h1{font-size:3rem;margin:0 0 1rem;color:var(--color-text)}.pricing-header .subtitle{font-size:1.25rem;color:var(--color-text-muted);margin:0}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem;max-width:900px;margin-left:auto;margin-right:auto}@media (max-width:768px){.plans-grid{grid-template-columns:1fr;max-width:400px}}.plan-card{position:relative;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card.popular{border-color:var(--color-primary);box-shadow:0 8px 16px rgba(0,112,243,.15)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);color:white}.plan-header{text-align:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.plan-header h3{margin:0 0 .75rem;font-size:1.25rem;color:var(--color-text)}.plan-card .price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.plan-card .amount{font-size:2.5rem;font-weight:700;color:var(--color-primary)}.plan-card .period{font-size:1rem;color:var(--color-text-muted)}.plan-card .features{list-style:none;padding:0;margin:0 0 1.5rem}.plan-card .features li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.9rem;color:var(--color-text-muted)}.plan-card .checkmark{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:50%;font-size:.875rem;font-weight:700}.plan-card .select-button{width:100%;padding:.75rem;background-color:var(--color-primary);color:white;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.plan-card .select-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px)}.plan-card .select-button:disabled{background-color:var(--color-border);cursor:not-allowed}.credits-section{margin-top:4rem;text-align:center}.credits-subtitle{color:var(--color-text-muted);margin-bottom:2rem}.credits-card{display:inline-block;border:1px solid var(--color-border);border-radius:12px;padding:2rem;min-width:260px;text-align:left}.credits-price{margin-bottom:1rem}.credits-amount{font-size:2rem;font-weight:700}.credits-unit{color:var(--color-text-muted);font-size:1rem}.credits-features{list-style:none;padding:0;margin:0 0 1.5rem;color:var(--color-text-muted);font-size:.875rem}.credits-features li{margin-bottom:.5rem;padding-left:1.25rem;position:relative}.credits-features li:before{content:"✓";position:absolute;left:0;color:var(--color-success)}.credits-cta{display:block;text-align:center;background:var(--color-primary);color:white;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none}.credits-cta:hover{opacity:.9}.custom-plan-cta{text-align:center;color:var(--color-text-muted);font-size:.9375rem;margin-bottom:4rem}.custom-plan-cta a{color:var(--color-primary);text-decoration:none;font-weight:600}.custom-plan-cta a:hover{text-decoration:underline}.faq-section{margin-top:4rem;padding-top:4rem;border-top:2px solid var(--color-border)}.faq-section h2{text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--color-text)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.faq-item{padding:1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.faq-item h3{margin:0 0 .75rem;font-size:1.125rem;color:var(--color-text)}.faq-item p{margin:0;color:var(--color-text-muted);line-height:1.6}.error,.loading{text-align:center;padding:var(--space-2xl) var(--space-md);font-size:var(--font-size-lg)}.loading{color:var(--color-text-muted)}.error{color:var(--color-danger);background:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--radius-md)}.no-subscription{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.form-group{margin-bottom:var(--space-lg)}.form-field-label-row{display:flex;align-items:center;gap:.4rem;margin-bottom:var(--space-xs)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium)}.form-field-label-row label{margin-bottom:0}.form-group .optional{font-weight:var(--font-weight-normal);color:var(--color-text-muted);font-size:var(--font-size-sm)}.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-family:inherit;background-color:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:var(--color-background);cursor:not-allowed}.form-group .hint{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.info-tooltip{position:relative}.info-tooltip,.info-tooltip__trigger{display:inline-flex;align-items:center}.info-tooltip__trigger{justify-content:center;width:18px;height:18px;padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:11px;font-weight:700;line-height:1;cursor:help}.info-tooltip__trigger:focus-visible,.info-tooltip__trigger:hover{border-color:var(--color-primary);color:var(--color-primary);outline:none}.info-tooltip__content{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:var(--z-tooltip);width:min(280px,calc(100vw - 32px));padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);font-size:var(--font-size-xs);font-weight:400;line-height:1.4;text-transform:none;letter-spacing:normal;white-space:normal;opacity:0;pointer-events:none;visibility:hidden;transform:translate(-50%,4px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.info-tooltip--open .info-tooltip__content{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%)}.input-suffix-wrapper{display:flex;align-items:stretch;width:100%;min-width:0}.top-field-prefix{flex:1 1 auto;min-width:0}.input-suffix-badge{display:flex;align-items:center;padding:0 var(--space-sm);border:1px solid var(--color-border);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-secondary-light);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}form{display:inline;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:inherit;font-weight:var(--font-weight-semibold);text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-light)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.btn-md{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.btn-full{width:100%}.btn-primary{background-color:var(--color-primary);color:white}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary-light);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border);border-color:var(--color-secondary)}.btn-success{background-color:var(--color-success);color:white}.btn-success:hover:not(:disabled){background-color:var(--color-success-hover)}.btn-danger{background-color:var(--color-danger);color:white}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-ghost{background-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background-color:var(--color-secondary-light);color:var(--color-text)}.alert{position:relative;padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--space-md)}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.alert a{color:inherit;font-weight:var(--font-weight-medium);text-decoration:underline}.alert a:hover{opacity:.8}.alert-info{background-color:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary-dark)}.alert-warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.alert-error{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger-dark)}.alert-success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-lg) var(--space-md);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer-links{display:flex;gap:var(--space-lg)}.footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text)}.footer-copyright{color:var(--color-text-light);font-size:var(--font-size-sm)}.checkbox-group{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg)}.checkbox-group input[type=checkbox]{margin-top:.2em;width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-group label{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;line-height:1.4}.checkbox-group label a{color:var(--color-primary)}.legal-content{max-width:800px;margin:0 auto}.legal-content h1{margin-bottom:var(--space-sm)}.legal-content h2{margin-top:var(--space-xl);margin-bottom:var(--space-md);font-size:var(--font-size-xl)}.legal-content h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:var(--font-size-lg)}.legal-content p{margin-bottom:var(--space-md)}.legal-content ol,.legal-content ul{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.legal-content li{margin-bottom:var(--space-sm)}.legal-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}.legal-content a{color:var(--color-primary)}.legal-content table{width:100%;border-collapse:collapse;margin-bottom:var(--space-lg);font-size:var(--font-size-sm)}.legal-content td,.legal-content th{text-align:left;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border)}.legal-content th{background:var(--color-secondary-light);font-weight:var(--font-weight-semibold)}.legal-content .table-responsive{overflow-x:auto;margin-bottom:var(--space-lg)}@media (max-width:768px){.navigation{padding:0 var(--space-sm)}.nav-container{height:56px;gap:var(--space-sm)}.nav-logo{font-size:var(--font-size-lg)}.nav-links--desktop{gap:var(--space-xs)}.nav-link,.nav-links--desktop .btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.info-list>div{grid-template-columns:1fr;gap:var(--space-xs)}.info-list dt{font-size:var(--font-size-sm)}.features{grid-template-columns:1fr}.footer-container{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.legal-content table{font-size:var(--font-size-xs)}.legal-content td,.legal-content th{padding:var(--space-xs) var(--space-sm)}}@media (max-width:640px){.nav-container{height:52px}.nav-links--desktop{display:none}.nav-links--mobile{display:flex}}