:root{--color-primary:#007AFF;--color-primary-hover:#0056CC;--color-secondary:#5856D6;--color-accent:#34C759;--surface-primary:#FFFFFF;--surface-secondary:#F2F2F7;--surface-elevated:#FFFFFF;--text-primary:#000000;--text-secondary:#6B6B6B;--text-tertiary:#8E8E93;--text-inverse:#FFFFFF;--border-light:#E5E5EA;--border-medium:#D1D1D6;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 25px rgba(0,0,0,0.1);--shadow-xl:0 16px 40px rgba(0,0,0,0.12);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--text-6xl:60px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--surface-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background-color:var(--color-primary);color:var(--text-inverse);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-base);border-radius:var(--radius-full);transition:all 0.2s ease;border:none;cursor:pointer}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background-color:var(--surface-secondary);color:var(--text-primary);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-base);border-radius:var(--radius-full);transition:all 0.2s ease;border:1px solid var(--border-light)}.btn-secondary:hover{background-color:var(--surface-elevated);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-icon{width:16px;height:16px;flex-shrink:0}.hero,.pricing-hero{padding:var(--space-20) 0 var(--space-16);background:linear-gradient(180deg,var(--surface-primary) 0%,var(--surface-secondary) 100%)}.hero-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4);display:grid;gap:var(--space-12);align-items:center}@media (min-width:768px){.hero-container{grid-template-columns:1fr 1fr;padding:0 var(--space-6)}}@media (min-width:1024px){.hero-container{padding:0 var(--space-8)}}.pricing-hero .hero-container{grid-template-columns:1fr;max-width:800px;text-align:center}.pricing-hero .hero-content{text-align:center}.hero-content{text-align:center}@media (min-width:768px){.hero-content{text-align:left}}.hero-badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background-color:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.badge-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.hero-title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-6);color:var(--text-primary)}@media (min-width:768px){.hero-title{font-size:var(--text-5xl)}}@media (min-width:1024px){.hero-title{font-size:var(--text-6xl)}}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);max-width:600px}@media (min-width:768px){.hero-subtitle{font-size:var(--text-xl)}}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}@media (min-width:768px){.hero-cta{align-items:flex-start}}.hero-note{font-size:var(--text-sm);color:var(--text-tertiary)}.hero-stats{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-8)}@media (min-width:480px){.hero-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}@media (min-width:768px){.hero-stats{gap:var(--space-8)}}.stat{text-align:center}.stat-number{display:block;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.stat-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.social-proof{padding:var(--space-16) 0;background-color:var(--surface-secondary)}.proof-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.proof-container{padding:0 var(--space-6)}}@media (min-width:1024px){.proof-container{padding:0 var(--space-8)}}.section-header{text-align:center;margin-bottom:var(--space-12);max-width:800px;margin-left:auto;margin-right:auto}.section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4)}@media (min-width:768px){.section-title{font-size:var(--text-4xl)}}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.use-cases{padding:var(--space-20) 0;background-color:var(--surface-primary)}.use-cases-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.use-cases-container{padding:0 var(--space-6)}}@media (min-width:1024px){.use-cases-container{padding:0 var(--space-8)}}.use-cases-grid{display:grid;gap:var(--space-8);grid-template-columns:1fr}@media (min-width:640px){.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.use-cases-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}}.use-case{text-align:center;padding:var(--space-6);background-color:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all 0.2s ease}.use-case:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.use-case-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--space-4);background-color:var(--surface-secondary);border-radius:var(--radius-md);color:var(--color-primary)}.use-case-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.use-case-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.pricing{padding:var(--space-20) 0;background-color:var(--surface-secondary)}.pricing-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.pricing-container{padding:0 var(--space-6)}}@media (min-width:1024px){.pricing-container{padding:0 var(--space-8)}}.pricing-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr;max-width:1000px;margin:0 auto}@media (min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.pricing-card{position:relative;background-color:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all 0.2s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.featured{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background-color:var(--color-primary);color:var(--text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.card-header{margin-bottom:var(--space-6)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.card-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-2)}.price-currency{font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--text-secondary)}.price-amount{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.card-subtitle{font-size:var(--text-base);color:var(--text-secondary)}.card-price-per{font-size:var(--text-sm);color:var(--primary);font-weight:600;margin-top:0.25rem}.card-features{margin-bottom:var(--space-8);text-align:left}.feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.feature:last-child{border-bottom:none}.feature::before{content:"✓";color:var(--color-accent);font-weight:var(--font-bold);flex-shrink:0}.card-cta{display:block;width:100%;padding:var(--space-4);background-color:var(--color-primary);color:var(--text-inverse);text-decoration:none;font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all 0.2s ease}.card-cta:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.pricing-cta{padding:var(--space-16) 0;background-color:var(--surface-secondary)}.pricing-cta-container{max-width:800px;margin:0 auto;padding:0 var(--space-4);text-align:center}.pricing-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}@media (min-width:640px){.pricing-preview{flex-direction:row;justify-content:center}}.price-highlight{padding:var(--space-4) var(--space-6);background-color:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-full)}.price-text{font-size:var(--text-lg);color:var(--text-primary)}.price-note{font-size:var(--text-sm);color:var(--text-secondary);display:block;margin-top:var(--space-1)}.cta-section{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.cta-container{max-width:800px;margin:0 auto;padding:0 var(--space-4);text-align:center}.cta-content{color:var(--text-inverse)}.cta-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-inverse);margin-bottom:var(--space-4)}@media (min-width:768px){.cta-title{font-size:var(--text-4xl)}}.cta-subtitle{font-size:var(--text-lg);color:rgba(255,255,255,0.9);margin-bottom:var(--space-8)}.cta-actions{margin-bottom:var(--space-8)}.cta-section .btn-primary{background-color:var(--text-inverse);color:var(--color-primary)}.cta-section .btn-primary:hover{background-color:rgba(255,255,255,0.9);transform:translateY(-2px)}.cta-features{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}@media (min-width:640px){.cta-features{flex-direction:row;justify-content:center;gap:var(--space-8)}}.cta-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:rgba(255,255,255,0.9)}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}button:focus,a:focus,input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.navbar{background-color:var(--surface-elevated);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;height:64px}@media (min-width:640px){.nav-container{padding:0 var(--space-6)}}@media (min-width:1024px){.nav-container{padding:0 var(--space-8)}}.logo{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:var(--space-6)}@media (max-width:767px){.nav-links{gap:var(--space-3)}}.nav-link{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;transition:color 0.2s ease}.nav-link:hover{color:var(--text-primary)}.nav-link-primary{color:var(--color-primary)!important;font-weight:var(--font-semibold)}.nav-link-primary:hover{color:var(--color-primary-hover)!important}.nav-desktop{display:flex;align-items:center;gap:var(--space-4)}.nav-mobile{display:none;align-items:center;gap:var(--space-3)}.credits-badge-mobile{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background-color:var(--color-accent);color:var(--text-inverse);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all 0.2s ease}.nav-dropdown-toggle:hover{background-color:var(--surface-elevated);border-color:var(--border-medium)}.nav-dropdown-toggle.active{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.nav-dropdown-toggle.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-arrow{transition:transform 0.2s ease}.nav-dropdown-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background-color:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-var(--space-2));transition:all 0.2s ease;z-index:1000}.nav-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-primary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all 0.2s ease;border-radius:var(--radius-md);margin:var(--space-1)}.nav-dropdown-item:hover{background-color:var(--surface-secondary);color:var(--text-primary)}.nav-dropdown-item.nav-dropdown-primary{color:var(--color-primary)}.nav-dropdown-item.nav-dropdown-primary:hover{background-color:rgba(0,122,255,0.1);color:var(--color-primary)}.nav-dropdown-divider{height:1px;background-color:var(--border-light);margin:var(--space-2) var(--space-4)}@media (max-width:768px){.nav-desktop{display:none}.nav-mobile{display:flex}.nav-link{font-size:var(--text-sm)}}.credits-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background-color:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;border-radius:var(--radius-full);transition:all 0.2s ease;border:1px solid transparent;white-space:nowrap;min-width:90px;height:40px}.nav-btn-outline{color:var(--text-primary);border-color:var(--border-medium);background-color:var(--surface-secondary)}.nav-btn-outline:hover{color:var(--text-primary);background-color:var(--surface-elevated);border-color:var(--text-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nav-btn-primary{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.nav-btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.flash-messages{position:fixed;top:80px;right:var(--space-4);z-index:1000;display:flex;flex-direction:column;gap:var(--space-3);max-width:400px}@media (min-width:640px){.flash-messages{right:var(--space-6)}}.flash-message{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);box-shadow:var(--shadow-lg);animation:slideIn 0.3s ease-out}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.flash-info{background-color:var(--color-primary);color:var(--text-inverse);border-left:4px solid rgba(255,255,255,0.3)}.flash-success{background-color:var(--color-accent);color:var(--text-inverse);border-left:4px solid rgba(255,255,255,0.3)}.flash-error{background-color:#FF3B30;color:var(--text-inverse);border-left:4px solid rgba(255,255,255,0.3)}.flash-warning{background-color:#FF9500;color:var(--text-inverse);border-left:4px solid rgba(255,255,255,0.3)}main{min-height:calc(100vh - 64px)}@media (max-width:640px){.nav-container{padding:0 var(--space-3)}.logo{font-size:var(--text-lg)}.nav-links{gap:var(--space-2)}.nav-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold)}.credits-badge{display:none}}.hero-visual{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.before-after-container{position:relative;width:100%;max-width:400px;aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.before-after-slider{position:relative;width:100%;height:100%}.image-container{position:relative;width:100%;height:100%}.before-image,.after-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl)}.after-image{clip-path:inset(0 50% 0 0);-webkit-clip-path:inset(0 50% 0 0)}.slider-handle{position:absolute;top:0;left:50%;width:4px;height:100%;background-color:var(--text-inverse);cursor:ew-resize;transform:translateX(-50%);z-index:10}.handle-line{width:100%;height:100%;background-color:var(--text-inverse)}.handle-circle{position:absolute;top:50%;left:50%;width:32px;height:32px;background-color:var(--text-inverse);border-radius:var(--radius-full);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:var(--shadow-md)}.image-labels{position:absolute;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);display:flex;justify-content:space-between;pointer-events:none}.label-before,.label-after{padding:var(--space-2) var(--space-3);background-color:rgba(0,0,0,0.8);border-radius:var(--radius-sm);color:var(--text-inverse)}.label-text{display:block;font-size:var(--text-sm);font-weight:var(--font-medium)}.label-sub{display:block;font-size:var(--text-sm);opacity:0.8}.demo-note{text-align:center}.note-text{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.how-it-works{padding:var(--space-20) 0;background-color:var(--surface-primary)}.how-it-works-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.how-it-works-container{padding:0 var(--space-6)}}@media (min-width:1024px){.how-it-works-container{padding:0 var(--space-8)}}.steps-flow{display:grid;gap:var(--space-8);grid-template-columns:1fr;align-items:center}@media (min-width:768px){.steps-flow{grid-template-columns:1fr auto 1fr auto 1fr;gap:var(--space-6)}}.step{text-align:center;padding:var(--space-6)}.step-visual{margin-bottom:var(--space-6)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.step-illustration{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto;background-color:var(--surface-secondary);border-radius:var(--radius-lg);color:var(--color-primary)}.step-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.step-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.step-arrow{display:none;color:var(--text-tertiary)}@media (min-width:768px){.step-arrow{display:flex;align-items:center;justify-content:center}}.trust{padding:var(--space-20) 0;background-color:var(--surface-secondary)}.trust-container{max-width:1000px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.trust-container{padding:0 var(--space-6)}}@media (min-width:1024px){.trust-container{padding:0 var(--space-8)}}.trust-content{text-align:center}.trust-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-6)}@media (min-width:768px){.trust-title{font-size:var(--text-3xl)}}.trust-text{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:800px;margin-left:auto;margin-right:auto}.trust-features{display:grid;gap:var(--space-6);grid-template-columns:1fr;max-width:600px;margin:0 auto}@media (min-width:640px){.trust-features{grid-template-columns:repeat(3,1fr)}}.trust-feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--text-primary);justify-content:center}@media (min-width:640px){.trust-feature{flex-direction:column;text-align:center;gap:var(--space-2)}}.trust-feature svg{color:var(--color-accent);flex-shrink:0}.auth-section{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:var(--space-8) 0;background:linear-gradient(180deg,var(--surface-primary) 0%,var(--surface-secondary) 100%)}.auth-container{width:100%;max-width:480px;margin:0 auto;padding:0 var(--space-4)}.auth-card{background-color:var(--surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8);border:1px solid var(--border-light)}@media (min-width:640px){.auth-card{padding:var(--space-12)}}.auth-section .section-header{text-align:center;margin-bottom:var(--space-8)}.auth-section .section-title{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.auth-section .section-subtitle{font-size:var(--text-base);color:var(--text-secondary)}.auth-form{margin-bottom:var(--space-6)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-4);font-size:var(--text-base);color:var(--text-primary);background-color:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all 0.2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,122,255,0.1)}.form-input.form-error{border-color:#FF3B30;box-shadow:0 0 0 3px rgba(255,59,48,0.1)}.password-container{position:relative}.password-input{padding-right:var(--space-12)}.password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all 0.2s ease}.password-toggle:hover{background-color:var(--surface-secondary)}.form-errors{margin-top:var(--space-2)}.error-text{display:block;font-size:var(--text-sm);color:#FF3B30;margin-bottom:var(--space-1)}.checkbox-group{display:flex;align-items:center;gap:var(--space-3)}.form-checkbox{width:18px;height:18px;accent-color:var(--color-primary)}.checkbox-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:0}.form-button{width:100%;padding:var(--space-4);background-color:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all 0.2s ease}.form-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.form-button:active{transform:translateY(0)}.auth-footer{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--border-light)}.auth-footer p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:0}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium);transition:color 0.2s ease}.auth-link:hover{color:var(--color-primary-hover)}.auth-benefits{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-light)}.auth-benefits .section-header{margin-bottom:var(--space-6)}.auth-benefits .section-title{font-size:var(--text-lg);margin-bottom:0}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width:640px){.benefits-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-3)}}.benefit-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);transition:all 0.2s ease}.benefit-item:hover{background-color:var(--surface-secondary)}.benefit-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--surface-secondary);border-radius:var(--radius-md);color:var(--color-primary);margin-bottom:var(--space-1)}.benefit-item span{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.dashboard-section{padding:var(--space-8) 0;background-color:var(--surface-primary)}.dashboard-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.dashboard-container{padding:0 var(--space-6)}}@media (min-width:1024px){.dashboard-container{padding:0 var(--space-8)}}.dashboard-hero{text-align:center;margin-bottom:var(--space-16)}.dashboard-actions{margin-top:var(--space-8)}.no-credits-banner{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-16);color:var(--text-inverse)}.banner-content{display:flex;align-items:center;gap:var(--space-6);text-align:left}@media (max-width:767px){.banner-content{flex-direction:column;text-align:center;gap:var(--space-4)}}.banner-icon{font-size:var(--text-4xl);flex-shrink:0}.banner-text h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-inverse)}.banner-text p{font-size:var(--text-base);color:rgba(255,255,255,0.9);margin-bottom:0}.banner-button{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);background-color:var(--text-inverse);color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium);border-radius:var(--radius-full);transition:all 0.2s ease;flex-shrink:0}.banner-button:hover{background-color:rgba(255,255,255,0.9);transform:translateY(-1px)}.preview-available-banner{background:linear-gradient(135deg,#10B981,#059669);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-16);color:var(--text-inverse)}.seo-content{padding:var(--space-16) 0;background-color:var(--surface-elevated)}.seo-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.seo-item h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.seo-item h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.seo-item p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.seo-item ul{list-style:none;padding:0}.seo-item li{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative}.seo-item li::before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-bold)}.seo-item strong{color:var(--text-primary);font-weight:var(--font-semibold)}@media (max-width:768px){.seo-grid{grid-template-columns:1fr;gap:var(--space-6)}}.photos-section{margin-bottom:var(--space-16)}.photos-container{width:100%}.photos-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:640px){.photos-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media (min-width:1024px){.photos-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-8)}}.photos-controls{display:flex;justify-content:center;margin-top:var(--space-8)}.photo-card{background-color:var(--surface-elevated);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all 0.2s ease}.photo-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.photo-image{position:relative;aspect-ratio:1;overflow:hidden}.photo-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.2s ease}.photo-card:hover .photo-image img{transform:scale(1.05)}.photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease}.photo-card:hover .photo-overlay{opacity:1}.photo-actions{display:flex;gap:var(--space-3)}.action-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--text-inverse);border-radius:var(--radius-full);text-decoration:none;transition:all 0.2s ease}.action-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.view-btn{color:var(--color-primary)}.download-btn{color:var(--color-accent)}.delete-btn{color:#ef4444;background:rgba(239,68,68,0.05);border:1px solid rgba(239,68,68,0.2);cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.delete-btn:hover{background-color:rgba(239,68,68,0.15);color:#dc2626;border-color:rgba(239,68,68,0.4);transform:scale(1.05)}.action-btn svg{width:20px;height:20px}.settings-section{margin:var(--space-8) 0}.settings-grid{display:grid;gap:var(--space-6);margin-top:var(--space-6)}@media (min-width:768px){.settings-grid{grid-template-columns:1fr 1fr}}.setting-item{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);transition:all 0.2s ease}.setting-item:hover{border-color:var(--border-primary);box-shadow:0 4px 12px rgba(0,0,0,0.05)}.setting-item.danger-zone{border-color:rgba(239,68,68,0.2);background:rgba(239,68,68,0.02)}.setting-item.danger-zone:hover{border-color:rgba(239,68,68,0.3);box-shadow:0 4px 12px rgba(239,68,68,0.1)}.setting-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.setting-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.btn-danger{background:#ef4444;color:white;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all 0.2s ease;margin-top:var(--space-4)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-danger:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-content{background:var(--surface-primary);border-radius:var(--radius-lg);box-shadow:0 20px 40px rgba(0,0,0,0.3);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn 0.3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.close-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all 0.2s ease}.close-btn:hover{background:var(--surface-elevated);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.warning-card{background:rgba(239,68,68,0.05);border:1px solid rgba(239,68,68,0.2);border-radius:var(--radius-md);padding:var(--space-6)}.warning-card h4{color:#dc2626;font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.warning-list{list-style:none;padding:0;margin:var(--space-4) 0}.warning-list li{padding:var(--space-2) 0;color:var(--text-primary);font-weight:500}.confirmation-input{margin-top:var(--space-6)}.confirmation-input label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.confirmation-input input{width:100%;padding:var(--space-3);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color 0.2s ease}.confirmation-input input:focus{border-color:#ef4444;outline:none}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-light)}.text-center{text-align:center}.showcase{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--surface-elevated) 100%);padding:var(--space-20) 0;position:relative;overflow:hidden}.showcase::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(0,0,0,0.02)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:0.5}.showcase-container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1}.showcase-header{text-align:center;margin-bottom:var(--space-16)}.showcase-title{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.2}.showcase-subtitle{font-size:var(--text-xl);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.5}.showcase-slider{position:relative;overflow:hidden;border-radius:var(--radius-xl);background:var(--surface-primary);box-shadow:0 20px 40px rgba(0,0,0,0.1);margin-bottom:var(--space-12)}.showcase-track{display:flex;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);will-change:transform}.showcase-slide{flex:0 0 100%;padding:var(--space-12);display:flex;align-items:center;justify-content:center}@media (max-width:768px){.showcase-slide{padding:var(--space-8)}}.single-photo{display:flex;justify-content:center;align-items:center}.single-photo img{width:300px;height:300px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:0 20px 40px rgba(0,0,0,0.2);transition:transform 0.3s ease;image-rendering:auto;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:bicubic;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.single-photo img:hover{transform:translateZ(0) scale(1.02)}.watermark-notice{display:flex;align-items:center;gap:var(--space-4);background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(16,185,129,0.1));border:2px solid rgba(59,130,246,0.2);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.notice-icon{font-size:var(--text-2xl);flex-shrink:0}.notice-content h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.notice-content p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.upgrade-btn{font-weight:600;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;transform:translateY(0);transition:all 0.3s ease}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,0.3)}@media (max-width:768px){.watermark-notice{flex-direction:column;text-align:center;gap:var(--space-3)}}@media (max-width:768px){.single-photo img{width:250px;height:250px}}@media (max-width:480px){.single-photo img{width:200px;height:200px}}.showcase-indicators{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--surface-elevated);border-top:1px solid var(--border-light)}.indicator{width:12px;height:12px;border-radius:var(--radius-full);border:none;background:var(--border-light);cursor:pointer;transition:all 0.3s ease}.indicator:hover{background:var(--color-primary);transform:scale(1.2)}.indicator.active{background:var(--color-primary);transform:scale(1.2)}@media (max-width:640px){.showcase-title{font-size:var(--text-3xl)}.showcase-subtitle{font-size:var(--text-lg)}.single-photo img{width:180px;height:180px}}.photo-info{padding:var(--space-4)}.photo-details{display:flex;flex-direction:column;gap:var(--space-1)}.original-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);word-break:break-word}.creation-date{font-size:var(--text-sm);color:var(--text-tertiary)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);background-color:var(--surface-secondary);border-radius:var(--radius-xl);border:2px dashed var(--border-medium)}.empty-icon{font-size:var(--text-6xl);margin-bottom:var(--space-4)}.empty-state h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.empty-state p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);max-width:400px;margin-left:auto;margin-right:auto}.empty-action-button{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-6);background-color:var(--color-primary);color:var(--text-inverse);text-decoration:none;font-weight:var(--font-medium);border-radius:var(--radius-full);transition:all 0.2s ease}.empty-action-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tips-section{background-color:var(--surface-secondary);border-radius:var(--radius-xl);padding:var(--space-12)}@media (max-width:767px){.tips-section{padding:var(--space-8)}}.generate-section{padding:var(--space-8) 0;background-color:var(--surface-primary)}.generate-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.generate-container{padding:0 var(--space-6)}}@media (min-width:1024px){.generate-container{padding:0 var(--space-8)}}.generate-hero{text-align:center;margin-bottom:var(--space-16)}.form-section{margin-bottom:var(--space-16)}.workflow-container{display:flex;flex-direction:column;gap:var(--space-12)}.workflow-step{background-color:var(--surface-elevated);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--border-light);opacity:0.6;transition:all 0.3s ease}.workflow-step.active{opacity:1;border-color:var(--color-primary);box-shadow:var(--shadow-md)}.workflow-step.completed{opacity:0.8;border-color:var(--color-accent)}.step-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.step-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-primary);border-radius:var(--radius-full);flex-shrink:0;font-size:0}.workflow-step.completed .step-indicator{background-color:var(--color-accent)}.step-content h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.step-content p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:0}.upload-zone{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;background-color:var(--surface-secondary);transition:all 0.2s ease;cursor:pointer}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-primary);background-color:rgba(0,122,255,0.05)}.upload-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.upload-icon{color:var(--color-primary);margin-bottom:var(--space-2)}.upload-zone h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.upload-zone p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-4)}.file-input{display:none}.upload-button{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-6);background-color:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-weight:var(--font-medium);cursor:pointer;transition:all 0.2s ease}.upload-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.selected-file{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--surface-elevated);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary)}.photo-preview{margin-top:var(--space-6)}.preview-frame{position:relative;max-width:300px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.preview-image{width:100%;height:auto;display:block}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease}.preview-frame:hover .preview-overlay{opacity:1}.change-photo-btn{padding:var(--space-3) var(--space-4);background-color:var(--text-inverse);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all 0.2s ease}.change-photo-btn:hover{transform:scale(1.05)}.profession-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width:640px){.profession-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.profession-grid{grid-template-columns:repeat(3,1fr)}}.profession-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--surface-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all 0.2s ease}.profession-option:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.profession-option.selected{border-color:var(--color-primary);background-color:rgba(0,122,255,0.05);box-shadow:var(--shadow-md)}.profession-option input[type="radio"]{display:none}.profession-visual{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--surface-elevated);border-radius:var(--radius-md);font-size:var(--text-2xl);flex-shrink:0}.profession-info h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.profession-info p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:0}.style-customization{display:flex;flex-direction:column;gap:var(--space-8)}.custom-section{background-color:var(--surface-secondary);border-radius:var(--radius-lg);padding:var(--space-6)}.custom-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.custom-icon{font-size:var(--text-xl)}.custom-header h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:0}.custom-options{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width:640px){.custom-options{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.custom-options{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}}.custom-option{display:flex;flex-direction:column;padding:var(--space-3) var(--space-4);background-color:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all 0.2s ease;min-height:80px}.custom-option:hover{border-color:var(--color-primary);transform:translateY(-1px)}.custom-option.selected{border-color:var(--color-primary);background-color:rgba(0,122,255,0.05);box-shadow:var(--shadow-sm)}.option-text{display:block;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-1);flex-shrink:0}.option-desc{display:block;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug);flex-grow:1}.selection-summary{background-color:var(--surface-elevated);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-top:var(--space-8)}.summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.summary-header h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:0}.edit-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-full);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all 0.2s ease;box-shadow:var(--shadow-sm)}.edit-toggle:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.summary-grid,.edit-grid{display:flex;flex-direction:column;gap:var(--space-4)}.summary-item,.edit-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background-color:var(--surface-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all 0.2s ease}.summary-item:hover{border-color:var(--border-medium)}.summary-icon,.edit-icon{font-size:var(--text-xl);flex-shrink:0;margin-top:var(--space-1);opacity:0.8}.summary-text{font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-relaxed);font-weight:var(--font-normal)}.edit-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.edit-field{width:100%;padding:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);background-color:var(--surface-secondary);resize:vertical;min-height:80px;font-family:inherit;line-height:var(--leading-relaxed);transition:all 0.2s ease}.edit-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,122,255,0.1);background-color:var(--surface-primary)}.edit-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end}.edit-btn{padding:var(--space-3) var(--space-5);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all 0.2s ease;min-width:100px;text-align:center}.cancel-btn{background-color:var(--surface-secondary);color:var(--text-secondary);border-color:var(--border-medium)}.cancel-btn:hover{background-color:var(--surface-primary);color:var(--text-primary);border-color:var(--text-tertiary);transform:translateY(-1px)}.save-btn{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.save-btn:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width:640px){.selection-summary{padding:var(--space-4);margin-top:var(--space-6)}.summary-item,.edit-item{padding:var(--space-3);gap:var(--space-3)}.edit-actions{flex-direction:column;gap:var(--space-2)}.edit-btn{width:100%;min-width:auto}.edit-toggle{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.result-section{min-height:100vh;background-color:var(--surface-primary);padding:var(--space-8) 0}.result-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.result-hero{text-align:center;margin-bottom:var(--space-12)}.result-content{display:flex;flex-direction:column;gap:var(--space-8)}.success-message{background-color:var(--color-accent);color:var(--text-inverse);padding:var(--space-4) var(--space-6);border-radius:var(--radius-full);text-align:center;font-weight:var(--font-medium);margin:0 auto;max-width:600px;box-shadow:var(--shadow-sm)}.result-main{display:flex;flex-direction:column;gap:var(--space-12)}.main-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.image-container{position:relative;max-width:400px;width:100%}.result-image{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:all 0.3s ease}.image-label{position:absolute;bottom:-var(--space-3);left:50%;transform:translateX(-50%);background-color:var(--surface-elevated);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.result-actions-three{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.btn-result{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center;white-space:nowrap;min-height:48px;border-radius:var(--radius-lg);text-decoration:none;transition:all 0.2s ease}@media (max-width:640px){.result-actions-three{flex-direction:column;gap:var(--space-3);max-width:280px}.btn-result{flex:none;width:100%}}.result-primary-actions{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;margin-top:var(--space-8);margin-bottom:var(--space-6)}.result-secondary-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.result-primary-actions .btn-primary{min-width:280px;justify-content:center;padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.result-secondary-actions .btn-secondary{min-width:140px;justify-content:center;font-size:var(--text-sm)}.btn-upgrade{background:linear-gradient(135deg,var(--color-primary) 0%,#0056D6 100%);box-shadow:var(--shadow-lg)}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}@media (max-width:640px){.result-primary-actions .btn-primary{min-width:100%;max-width:320px}.result-secondary-actions{flex-direction:column;gap:var(--space-3);align-items:center}.result-secondary-actions .btn-secondary{min-width:100%;max-width:320px}}.error-container{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4)}.error-content{text-align:center;max-width:500px}.error-icon{margin-bottom:var(--space-8);opacity:0.7}.error-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.error-description{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.6}.error-suggestions{background:var(--surface-secondary);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8);text-align:left}.error-suggestions h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.error-suggestions ul{list-style:none;padding:0;margin:0}.error-suggestions li{padding:var(--space-2) 0;color:var(--text-secondary);position:relative;padding-left:var(--space-6)}.error-suggestions li::before{content:"•";color:var(--color-primary);font-weight:bold;position:absolute;left:var(--space-2)}.error-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.error-icon svg[stroke="#FF3B30"]{opacity:0.8}@media (max-width:640px){.error-actions{flex-direction:column;align-items:center}.error-actions .btn-primary,.error-actions .btn-secondary{min-width:200px}.error-description{margin-bottom:var(--space-6)}}.testimonials-inline{padding:var(--space-16) 0;background:var(--surface-secondary)}.testimonials-grid-inline{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:1000px;margin:0 auto}@media (min-width:768px){.testimonials-grid-inline{grid-template-columns:repeat(2,1fr)}}.testimonial-card-inline{background:var(--surface-primary);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);position:relative;transition:all 0.3s ease}.testimonial-card-inline:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.testimonial-card-inline::before{content:'"';position:absolute;top:var(--space-6);left:var(--space-6);font-size:4rem;color:var(--color-primary);opacity:0.2;font-family:serif;line-height:1}.testimonial-rating{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);color:#FFD700;position:relative;z-index:1}.testimonial-quote-inline{font-size:var(--text-lg);line-height:1.6;color:var(--text-primary);margin-bottom:var(--space-6);font-style:italic;margin:0 0 var(--space-6) 0;position:relative;z-index:1}.testimonial-author-inline{display:flex;flex-direction:column;gap:var(--space-1);position:relative;z-index:1}.testimonial-author-inline .author-name{font-weight:var(--font-bold);color:var(--text-primary);font-size:var(--text-base)}.testimonial-author-inline .author-title{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.site-footer{background:var(--surface-elevated);border-top:1px solid var(--border-light);padding:var(--space-12) 0 var(--space-6);margin-top:var(--space-16)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-bottom:var(--space-8)}.footer-section h3,.footer-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.footer-tagline{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.footer-social{display:flex;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-secondary);color:var(--text-secondary);border-radius:var(--radius-md);text-decoration:none;transition:all 0.2s ease}.social-link:hover{background:var(--color-primary);color:var(--text-inverse);transform:translateY(-2px)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color 0.2s ease}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);border-top:1px solid var(--border-light);flex-wrap:wrap;gap:var(--space-4)}.footer-copyright p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-1) 0}.footer-location{font-size:var(--text-xs)}.footer-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.badge{background:var(--surface-secondary);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}@media (max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.footer-bottom{flex-direction:column;text-align:center}.footer-badges{justify-content:center}}@media (max-width:480px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-social{justify-content:center}}.legal-container{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-4);min-height:calc(100vh - 200px)}.legal-content{background:var(--surface-primary);border-radius:var(--radius-xl);padding:var(--space-12);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.legal-header{text-align:center;margin-bottom:var(--space-12);padding-bottom:var(--space-6);border-bottom:2px solid var(--color-primary)}.legal-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.legal-updated{color:var(--text-secondary);font-size:var(--text-sm);font-style:italic}.legal-sections{display:flex;flex-direction:column;gap:var(--space-8)}.legal-section h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4);border-left:4px solid var(--color-primary);padding-left:var(--space-4)}.legal-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3);margin-top:var(--space-4)}.legal-section p{line-height:1.6;color:var(--text-primary);margin-bottom:var(--space-4)}.legal-section ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.legal-section li{line-height:1.6;color:var(--text-primary);margin-bottom:var(--space-2)}.legal-section a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium)}.legal-section a:hover{text-decoration:underline}.cookie-table{background:var(--surface-secondary);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0}.cookie-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--border-light)}.cookie-row:last-child{border-bottom:none}.cookie-type{font-weight:var(--font-semibold);color:var(--text-primary)}.cookie-purpose{color:var(--text-primary)}.cookie-duration{color:var(--text-secondary);font-size:var(--text-sm)}@media (max-width:768px){.legal-content{padding:var(--space-8)}.legal-title{font-size:var(--text-3xl)}.cookie-row{grid-template-columns:1fr;gap:var(--space-2)}.cookie-type{border-bottom:1px solid var(--border-light);padding-bottom:var(--space-2)}}.preview-contexts{margin-top:var(--space-16);padding:var(--space-12) 0}.preview-contexts-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.context-slider-container{position:relative;margin-top:var(--space-8)}.context-slider{display:flex;gap:var(--space-6);overflow-x:auto;scroll-behavior:smooth;padding:var(--space-4) 0;scrollbar-width:none;-ms-overflow-style:none}.context-slider::-webkit-scrollbar{display:none}.context-item{flex:0 0 320px;background-color:var(--surface-elevated);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all 0.2s ease}.context-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.context-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.context-icon{font-size:var(--text-xl)}.context-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.linkedin-mockup{background-color:#0077B5;border-radius:var(--radius-lg);padding:var(--space-4);color:white}.linkedin-header{display:flex;gap:var(--space-3);align-items:center}.linkedin-avatar{width:60px;height:60px;border-radius:var(--radius-full);overflow:hidden;border:2px solid white}.linkedin-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;-ms-interpolation-mode:bicubic;backface-visibility:hidden;-webkit-backface-visibility:hidden}.linkedin-info{flex:1}.linkedin-name{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.linkedin-title{font-size:var(--text-sm);opacity:0.9;margin-bottom:var(--space-1)}.linkedin-location{font-size:var(--text-xs);opacity:0.8}.slack-mockup{background-color:#4A154B;border-radius:var(--radius-lg);padding:var(--space-4);color:white}.slack-message{display:flex;gap:var(--space-3)}.slack-avatar{width:40px;height:40px;border-radius:var(--radius-md);overflow:hidden}.slack-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;-ms-interpolation-mode:bicubic;backface-visibility:hidden;-webkit-backface-visibility:hidden}.slack-content{flex:1}.slack-name{font-size:var(--text-sm);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.slack-text{font-size:var(--text-sm);margin-bottom:var(--space-1)}.slack-time{font-size:var(--text-xs);opacity:0.7}.email-mockup{background-color:var(--surface-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-light)}.email-signature{display:flex;gap:var(--space-3);align-items:center}.email-avatar{width:50px;height:50px;border-radius:var(--radius-md);overflow:hidden}.email-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;-ms-interpolation-mode:bicubic;backface-visibility:hidden;-webkit-backface-visibility:hidden}.email-info{flex:1}.email-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.email-title{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.email-company{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.email-contact{font-size:var(--text-xs);color:var(--text-tertiary)}.teams-mockup{background-color:#464EB8;border-radius:var(--radius-lg);padding:var(--space-4);color:white}.teams-call{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.teams-participant{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.teams-avatar{width:80px;height:80px;border-radius:var(--radius-lg);overflow:hidden;border:2px solid white}.teams-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;-ms-interpolation-mode:bicubic;backface-visibility:hidden;-webkit-backface-visibility:hidden}.teams-name{font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center}.card-mockup{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:var(--radius-lg);padding:var(--space-4);color:white}.business-card{display:flex;gap:var(--space-3);align-items:center}.card-avatar{width:60px;height:60px;border-radius:var(--radius-full);overflow:hidden;border:2px solid white}.card-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;-ms-interpolation-mode:bicubic;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-info{flex:1}.card-name{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.card-title{font-size:var(--text-sm);opacity:0.9}.directory-mockup{background-color:var(--surface-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-light)}.directory-entry{display:flex;gap:var(--space-3);align-items:center}.directory-avatar{width:50px;height:50px;border-radius:var(--radius-md);overflow:hidden}.directory-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;-ms-interpolation-mode:bicubic;backface-visibility:hidden;-webkit-backface-visibility:hidden}.directory-info{flex:1}.directory-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.directory-dept{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.directory-phone{font-size:var(--text-xs);color:var(--text-tertiary)}.slider-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.slider-nav .nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all 0.2s ease}.slider-nav .nav-btn:hover:not(:disabled){background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);transform:translateY(-1px)}.slider-nav .nav-btn:disabled{opacity:0.5;cursor:not-allowed}.slider-dots{display:flex;gap:var(--space-2)}.dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--text-tertiary);cursor:pointer;transition:all 0.2s ease}.dot.active{background-color:var(--color-primary);transform:scale(1.2)}.context-note{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-6);padding:var(--space-4);background-color:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:none;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center;color:white}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,0.3);border-top:4px solid white;border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.result-section{padding:var(--space-6) 0}.result-container{padding:0 var(--space-3)}.result-hero{margin-bottom:var(--space-8)}.result-content{gap:var(--space-6)}.main-result{gap:var(--space-6)}.image-container{max-width:300px}.result-actions{flex-direction:column;width:100%;gap:var(--space-2)}.result-actions .btn-primary,.result-actions .btn-secondary{width:100%;justify-content:center}.context-item{flex:0 0 280px;padding:var(--space-4)}.context-slider{gap:var(--space-4);padding:var(--space-3) 0}.preview-contexts{margin-top:var(--space-12);padding:var(--space-8) 0}.preview-contexts-container{padding:0 var(--space-3)}.success-message{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.before-after-container{max-width:300px}.before-image,.after-image{border-radius:var(--radius-lg);transform:translateZ(0);-webkit-transform:translateZ(0)}.after-image{clip-path:inset(0 50% 0 0);-webkit-clip-path:inset(0 50% 0 0);backface-visibility:hidden;-webkit-backface-visibility:hidden}}.process-btn{width:100%;max-width:400px;margin:var(--space-8) auto 0;display:block;padding:var(--space-4) var(--space-6);background-color:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all 0.2s ease}.process-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.process-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.loading{text-align:center;padding:var(--space-12);background-color:var(--surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--border-light)}.spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-6)}.loading-tips{background-color:var(--surface-secondary);border-radius:var(--radius-md);padding:var(--space-4);max-width:400px;margin:0 auto}.loading-tips p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:0}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin-top:var(--space-12)}.work-card{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all 0.3s ease}.work-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.work-icon{color:var(--color-primary);margin-bottom:var(--space-6);display:flex;justify-content:center}.work-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.work-description{color:var(--text-secondary);line-height:1.6}.ai-benefits{background:var(--surface-secondary);padding:var(--space-16) 0}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin-top:var(--space-12)}.benefit-card{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);position:relative;transition:all 0.3s ease}.benefit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.benefit-number{position:absolute;top:-20px;left:var(--space-6);background:var(--color-primary);color:var(--text-inverse);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm)}.benefit-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4);margin-top:var(--space-2)}.benefit-description{color:var(--text-secondary);line-height:1.6}.cta-section{padding:var(--space-16) 0;background:linear-gradient(135deg,var(--surface-primary) 0%,var(--surface-secondary) 100%);text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.cta-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.6}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8);flex-wrap:wrap}.cta-features{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.cta-feature svg{color:var(--color-success);flex-shrink:0}@media (max-width:768px){.cta-title{font-size:var(--text-3xl)}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{min-width:200px}.cta-features{flex-direction:column;gap:var(--space-3)}}