body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navigation{background:#fff;box-shadow:0 2px 10px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-logo{color:#333;font-size:24px;font-weight:700;letter-spacing:-.5px;text-decoration:none}.nav-menu{align-items:center;display:flex;gap:40px}.nav-link{color:#666;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#333}.nav-hamburger{cursor:pointer;display:none;flex-direction:column;gap:4px}.nav-hamburger span{background:#333;height:3px;transition:.3s;width:25px}@media (max-width:768px){.nav-menu{align-items:center;background:#fff;flex-direction:column;gap:30px;height:calc(100vh - 70px);justify-content:flex-start;left:-100%;padding-top:50px;position:fixed;top:70px;transition:left .3s ease;width:100%}.nav-menu.active{left:0}.nav-hamburger{display:flex}.nav-hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}.homepage{margin-top:70px}.hero{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:100px 0;text-align:center}.hero-container{margin:0 auto;max-width:800px;padding:0 20px}.hero-title{color:#333;font-size:48px;font-weight:700;letter-spacing:-1px;line-height:1.2;margin-bottom:20px}.hero-subtitle{color:#666;font-size:20px;line-height:1.6;margin-bottom:40px}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.value-prop{background:#fff;padding:100px 0}.section-title{color:#333;font-size:36px;font-weight:700;letter-spacing:-.5px}.section-subtitle,.section-title{margin-bottom:60px;text-align:center}.section-subtitle{color:#666;font-size:18px;margin-left:auto;margin-right:auto;max-width:600px}.value-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-item{padding:30px 20px;text-align:center}.value-icon{font-size:48px;margin-bottom:20px}.value-item h3{color:#333;font-size:24px;font-weight:600;margin-bottom:15px}.value-item p{color:#666;line-height:1.6}.templates-preview{background:#f8f9fa;padding:100px 0}.templates-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px}.template-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:transform .3s ease}.template-card:hover{transform:translateY(-5px)}.template-image{align-items:center;display:flex;height:200px;justify-content:center;padding:30px}.business-template{background:linear-gradient(135deg,#667eea,#764ba2)}.salon-template{background:linear-gradient(135deg,#f093fb,#f5576c)}.cafe-template{background:linear-gradient(135deg,#4facfe,#00f2fe)}.template-preview{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;height:140px;padding:15px;width:200px}.preview-header{background:#e9ecef;border-radius:4px;height:20px;margin-bottom:15px}.preview-content{display:flex;flex-direction:column;gap:10px}.preview-text{background:#e9ecef;border-radius:4px;height:12px}.preview-text.short{width:60%}.template-card h3{color:#333;font-size:22px;font-weight:600;margin:20px 20px 10px}.template-card p{color:#666;line-height:1.6;margin:0 20px 20px}.template-card-actions{padding:0 20px 20px}.cta-section,.templates-cta{text-align:center}.cta-section{background:#333;color:#fff;padding:100px 0}.cta-section h2{font-size:36px;font-weight:700;margin-bottom:20px}.cta-section p{color:#ccc;font-size:18px;margin-bottom:40px}.cta-section .btn-secondary{background:#0000;border-color:#fff;color:#fff}.cta-section .btn-secondary:hover{background:#fff;color:#333}@media (max-width:768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.section-title{font-size:28px}.cta-buttons,.hero-buttons{align-items:center;flex-direction:column}.templates-grid,.value-grid{grid-template-columns:1fr}}.templates-page{margin-top:70px}.templates-hero{background:#f8f9fa;padding:80px 0;text-align:center}.templates-hero h1{color:#333;font-size:42px;font-weight:700;letter-spacing:-.5px;margin-bottom:20px}.templates-hero p{color:#666;font-size:18px;margin:0 auto;max-width:600px}.templates-content{padding:80px 0}.template-detail{margin-bottom:100px}.template-header{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.template-preview-large{align-items:center;display:flex;justify-content:center}.template-mockup{border-radius:12px;box-shadow:0 20px 40px #00000026;height:500px;max-width:400px;padding:20px;width:100%}.mockup-content{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:15px;height:100%;padding:20px}.mockup-nav{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;height:40px;padding:0 15px}.mockup-hero{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-radius:6px;height:120px}.mockup-sections{display:flex;flex:1 1;flex-direction:column;gap:15px}.mockup-section{background:#f8f9fa;border-radius:6px;height:60px}.template-info h2{color:#333;font-size:32px;font-weight:700;margin-bottom:20px}.template-description{color:#666;font-size:18px;line-height:1.6;margin-bottom:30px}.template-features h3{color:#333;font-size:20px;font-weight:600;margin-bottom:15px}.template-features ul{list-style:none;margin-bottom:30px;padding:0}.template-features li{color:#666;padding:8px 0 8px 25px;position:relative}.template-features li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.template-actions{display:flex;flex-wrap:wrap;gap:20px}.customization-section{background:#f8f9fa;padding:80px 0;text-align:center}.customization-section h2{color:#333;font-size:36px;font-weight:700;margin-bottom:20px}.customization-section>.container>p{color:#666;font-size:18px;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:600px}.customization-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:60px}.customization-item{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:40px 30px}.customization-icon{font-size:48px;margin-bottom:20px}.customization-item h3{color:#333;font-size:22px;font-weight:600;margin-bottom:15px}.customization-item p{color:#666;line-height:1.6}@media (max-width:768px){.templates-hero h1{font-size:32px}.template-header{gap:40px;grid-template-columns:1fr}.template-info h2{font-size:28px}.template-actions{flex-direction:column}.customization-grid{grid-template-columns:1fr}}.pricing-page{margin-top:70px}.pricing-hero{background:#f8f9fa;padding:80px 0;text-align:center}.pricing-hero h1{color:#333;font-size:42px;font-weight:700;letter-spacing:-.5px;margin-bottom:20px}.pricing-hero p{color:#666;font-size:18px;margin:0 auto;max-width:600px}.pricing-content{padding:80px 0}.pricing-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.pricing-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:40px 30px;position:relative;transition:transform .3s ease}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.popular{border-color:#333;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{background:#333;border-radius:20px;color:#fff;font-size:14px;font-weight:600;left:50%;padding:8px 20px;position:absolute;top:-15px;transform:translateX(-50%)}.plan-header{margin-bottom:30px;text-align:center}.plan-header h3{color:#333;font-size:24px;font-weight:700;margin-bottom:10px}.plan-description{color:#666;font-size:16px}.plan-pricing{margin-bottom:40px;text-align:center}.price{align-items:baseline;display:flex;justify-content:center;margin-bottom:10px}.currency{color:#666;font-size:20px;margin-right:5px}.amount{color:#333;font-size:48px;font-weight:700}.period{color:#666;font-size:16px;margin-bottom:10px}.savings{background:#28a745;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:5px 15px}.plan-features{margin-bottom:40px}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{border-bottom:1px solid #f0f0f0;color:#666;padding:12px 0 12px 30px;position:relative}.plan-features li:last-child{border-bottom:none}.plan-features li:before{color:#28a745;content:"✓";font-size:16px;font-weight:700;left:0;position:absolute}.plan-cta{text-align:center}.btn{width:100%}.btn-primary:hover{background:#555;transform:translateY(-2px)}.btn-secondary{background:#0000;border-color:#333;color:#333}.btn-secondary:hover{background:#333;color:#fff;transform:translateY(-2px)}.pricing-faq{background:#f8f9fa;padding:80px 0}.pricing-faq h2{color:#333;font-size:36px;font-weight:700;margin-bottom:60px;text-align:center}.faq-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.faq-item{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:30px}.faq-item h3{color:#333;font-size:20px;font-weight:600;margin-bottom:15px}.faq-item p{color:#666;line-height:1.6}.pricing-cta{background:#333;color:#fff;padding:80px 0;text-align:center}.pricing-cta h2{font-size:36px;font-weight:700;margin-bottom:20px}.pricing-cta p{color:#ccc;font-size:18px;margin-bottom:40px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.pricing-cta .btn-secondary{background:#0000;border-color:#fff;color:#fff}.pricing-cta .btn-secondary:hover{background:#fff;color:#333}@media (max-width:768px){.pricing-hero h1{font-size:32px}.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-5px)}.faq-grid{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}}.contact-page{margin-top:70px}.contact-hero{background:#f8f9fa;padding:80px 0;text-align:center}.contact-hero h1{color:#333;font-size:42px;font-weight:700;letter-spacing:-.5px;margin-bottom:20px}.contact-hero p{color:#666;font-size:18px;margin:0 auto;max-width:600px}.contact-content{padding:80px 0}.contact-grid{grid-gap:80px;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.contact-form-section h2,.contact-info-section h2{color:#333;font-size:28px;font-weight:700;margin-bottom:30px}.contact-form{gap:25px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:16px;padding:15px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#333;outline:none}.form-group textarea{min-height:120px;resize:vertical}.btn{border:2px solid #0000;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:15px 30px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:#333;border:none;color:#fff}.btn-primary:hover:not(:disabled){background:#555;transform:translateY(-2px)}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.info-cards{grid-gap:25px;display:grid;gap:25px;margin-bottom:50px}.info-card{background:#fff;border-left:4px solid #333;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:25px}.info-icon{font-size:32px;margin-bottom:15px}.info-card h3{color:#333;font-size:18px;font-weight:600;margin-bottom:10px}.info-card p{color:#666;line-height:1.5}.contact-details{background:#f8f9fa;border-radius:12px;padding:30px}.contact-details h3{color:#333;font-size:20px;font-weight:600;margin-bottom:20px}.contact-item{color:#666;margin-bottom:15px}.contact-item strong{color:#333}.contact-page .contact-hero{align-items:center;display:flex;justify-content:center;min-height:60vh}.contact-page .contact-hero h1{color:#28a745;font-size:48px}.contact-page .contact-hero p{font-size:20px;margin-bottom:30px}@media (max-width:768px){.contact-hero h1{font-size:32px}.contact-grid{gap:50px;grid-template-columns:1fr}.contact-form-section h2,.contact-info-section h2{font-size:24px}.info-cards{grid-template-columns:1fr}.contact-page .contact-hero h1{font-size:36px}}.demo-page{background:#f5f5f5;min-height:100vh;width:100%}.demo-header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.demo-header .container{margin:0 auto;max-width:1200px;padding:0 20px}.demo-back-link{color:#667eea;display:inline-block;font-weight:500;margin-bottom:10px;text-decoration:none;transition:color .3s}.demo-back-link:hover{color:#764ba2}.demo-header h1{color:#333;font-size:24px;margin:0 0 5px}.demo-header p{color:#666;font-size:14px;margin:0}.demo-container{height:calc(100vh - 150px);min-height:600px;overflow:hidden;position:relative;width:100%}.demo-iframe{border:none;display:block;height:100%;width:100%}.demo-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.demo-error h1{color:#333;font-size:32px;margin-bottom:10px}.demo-error p{color:#666;font-size:18px;margin-bottom:30px}@media (max-width:768px){.demo-header h1{font-size:20px}.demo-container{height:calc(100vh - 130px)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}html{scroll-behavior:smooth}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #333;outline-offset:2px}
/*# sourceMappingURL=main.fb21dd2e.css.map*/