body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%}.reveal{transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.landing-hero{background:linear-gradient(180deg,#f8fafc,#fff 60%);color:#0f172a;justify-content:flex-start;min-height:calc(100vh - 64px);overflow:hidden;padding-top:12px;position:relative}.landing-hero h1{font-size:clamp(2rem,5vw,3.25rem);margin:0 1rem .5rem}.landing-hero p{color:#334155;font-size:clamp(1rem,2.2vw,1.25rem);margin:0 1rem 1.25rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.cta-buttons a,.cta-buttons button{background:#0ea5e9;border:1px solid #0ea5e9;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 18px}.cta-buttons a.secondary,.cta-buttons button.secondary{background:#fff;color:#0ea5e9}.landing-section{margin:0 auto;max-width:1100px;padding:60px 16px}.feature-grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{border:1px solid #e2e8f0;padding:18px}.image-row{grid-template-columns:repeat(3,1fr)}.image-row img{border:1px solid #e2e8f0;border-radius:12px;height:200px;object-fit:cover;width:100%}.testimonial{border-left:4px solid #0ea5e9;color:#334155;padding:0 16px}.app-scroll-container{height:100vh;overflow:auto}.landing-section:last-of-type{margin-bottom:150px}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh}.app-content{flex:1 1;overflow:hidden}.app-loading{color:#666}.app-error,.app-loading{align-items:center;display:flex;height:200px;justify-content:center}.app-error{color:#dc3545;flex-direction:column;gap:16px}@media print{.app-content{flex:1 1;overflow:hidden}}.app-scroll-container{display:block}.reveal{opacity:0;transform:translateY(16px);transition:opacity .42s ease,transform .42s ease;will-change:opacity,transform}.reveal.visible{opacity:1;transform:translateY(0)}.landing-hero{align-items:center;background:linear-gradient(180deg,#f8fbff,#fff 60%);display:flex;flex-direction:column;gap:16px;padding:12px 16px 24px;text-align:center}.landing-hero-image{border-radius:12px;box-shadow:0 8px 24px #00000014;max-height:420px;object-fit:cover}.landing-section{padding:56px 16px}.feature-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.feature-card{background:#fff;border:1px solid #e9eef5;border-radius:12px;box-shadow:0 2px 10px #111b2c0a;padding:16px}.image-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.image-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.optimized-image-container{display:inline-block;overflow:hidden;position:relative}.optimized-image{height:auto;max-width:100%;opacity:0;transition:opacity .3s ease-in-out}.optimized-image.loaded{opacity:1}.optimized-image.error{filter:grayscale(100%);opacity:.5}.image-placeholder{align-items:center;background-color:#f3f4f6;border-radius:4px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;height:32px;width:32px}.image-error{font-size:2rem;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.optimized-image-container{width:100%}.optimized-image{height:auto;width:100%}}.landing-page-dark{background:#1a252f;color:#ecf0f1}.landing-page-dark .landing-hero{background:linear-gradient(180deg,#1a252f,#2c3e50 70%);color:#ecf0f1}.landing-page-dark .landing-hero h1{color:#ecf0f1}.landing-page-dark .landing-hero p{color:#bdc3c7}.landing-page-dark .landing-hero-image{border:1px solid #34495e;box-shadow:0 10px 30px #00000059}.landing-page-dark .landing-section{background:#1a252f;color:#ecf0f1}.landing-page-dark .feature-card{background:#34495e;border:1px solid #3d4852;box-shadow:0 2px 10px #00000040;color:#ecf0f1}.landing-page-dark .feature-card h3{color:#ecf0f1}.landing-page-dark .feature-card p{color:#bdc3c7}.landing-page-dark .image-row img{border:1px solid #34495e;box-shadow:0 4px 16px #0000004d}.landing-page-dark .cta-buttons a,.landing-page-dark .cta-buttons button{background:#3498db;border:1px solid #3498db;color:#fff}.landing-page-dark .cta-buttons a.secondary,.landing-page-dark .cta-buttons button.secondary{background:#0000;color:#3498db}.landing-page-dark .cta-buttons a:focus-visible,.landing-page-dark .cta-buttons button:focus-visible{box-shadow:0 0 0 3px #3498db59;outline:none}.landing-page-dark .landing-section:last-of-type{border-top:1px solid #2c3e50}.user-menu{align-items:center;display:flex;margin-left:auto;position:relative}.user-menu.loading{padding:8px 16px}.loading-text{color:#666;font-size:14px}.login-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.login-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.user-menu.authenticated .user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.user-menu.authenticated .user-info:hover{background:#ffffff26;transform:translateY(-1px)}.user-greeting{color:#1f2937;font-size:14px;font-weight:600}.access-badge{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.access-badge.free{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.access-badge.premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.dropdown-arrow{color:#6b7280;font-size:12px;transition:transform .2s ease}.user-menu.authenticated .user-info:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{animation:slideDown .15s ease-out;background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-top:8px;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #0000000d;padding:16px}.user-details strong{color:#1f2937;display:block;font-size:16px;margin-bottom:4px}.user-email{color:#6b7280;display:block;font-size:14px;margin-bottom:8px}.access-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.access-status.free{background:#d1fae5;color:#065f46}.access-status.premium{background:#fef3c7;color:#92400e}.dropdown-actions{display:flex;flex-direction:column;gap:8px;padding:12px}.upgrade-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.upgrade-btn:hover{background:linear-gradient(135deg,#e1a124,#c2611a);transform:translateY(-1px)}.logout-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease}.logout-btn:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.user-dropdown{min-width:260px;right:-8px}.user-greeting{display:none}.access-badge{font-size:11px;padding:2px 6px}}.app-header{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:relative;z-index:100}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:200}.app-title{color:#333;font-size:24px;font-weight:600;margin:0;text-decoration:none}.brand-link{align-items:center;color:#111;display:flex;text-decoration:none}.logo{height:50px;object-fit:contain;width:50px}.main-nav{align-items:center;display:flex;gap:32px}.nav-link{align-items:center;appearance:none;background:#0000;border:none;border-radius:6px;color:#64748b;display:inline-flex;font-weight:500;gap:6px;padding:8px 12px;position:relative;text-decoration:none;transition:color .2s ease,background-color .2s ease}.nav-link:hover{background-color:#f1f5f9;color:#334155;text-decoration:none}.nav-link:active{color:#0ea5e9}.nav-link:focus-visible{box-shadow:0 0 0 2px #0ea5e94d;outline:none}.nav-link.active{color:#0ea5e9;font-weight:600}.nav-link.active:after{background-color:#0ea5e9;border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.compare-nav,.nav-link.secondary{background:#fff;color:#0ea5e9}.compare-nav{border:1px solid #0ea5e9;border-radius:9999px;font-weight:700;padding:.5rem 1rem}.compare-nav:hover{background-color:#f0fbff}@media (max-width:768px){.nav-container{gap:1rem}.app-title{font-size:1.25rem}.menu-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:inline-flex;flex-direction:column;gap:4px;height:40px;justify-content:center;width:40px}.menu-toggle .bar{background:#0f172a;height:2px;transition:transform .2s ease,opacity .2s ease;width:20px}.main-nav{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;display:none;flex-direction:column;gap:8px;left:0;padding:16px 20px 20px;position:absolute;right:0;top:70px;z-index:220}.main-nav.open{display:flex}.main-nav .user-menu{margin-left:0}.main-nav .nav-link{border-radius:0;justify-content:flex-start;padding:12px 0}.main-nav .nav-link.active:after{display:none}.mobile-nav-overlay{background:#0f172a4d;bottom:0;left:0;position:fixed;right:0;top:70px;z-index:190}}@media (min-width:769px){.menu-toggle{display:none}.main-nav{background:#0000;border:none;display:flex;padding:0;position:static}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;margin-bottom:1rem}.loading-spinner-small{border-width:2px;height:20px;width:20px}.loading-spinner-medium{border-width:3px;height:40px;width:40px}.loading-spinner-large{border-width:4px;height:60px;width:60px}.loading-message{color:#666;font-size:1rem;margin:0;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-overlay{align-items:center;background-color:#ffffffe6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-overlay .loading-container{min-height:auto;padding:0}.not-found-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100%;padding:20px}.not-found-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:40px;text-align:center;width:100%}.not-found-icon{color:#e74c3c;margin-bottom:20px}.not-found-title{color:#e74c3c;font-size:6rem;font-weight:700;line-height:1;margin:0 0 10px;text-shadow:2px 2px 4px #0000001a}.not-found-subtitle{color:#2c3e50;font-size:2rem;font-weight:600;margin:0 0 20px}.not-found-description{color:#7f8c8d;font-size:1.1rem;line-height:1.6;margin:0 0 40px}.not-found-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.not-found-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:12px 24px;transition:all .3s ease}.not-found-button.primary{background:#3498db;color:#fff}.not-found-button.primary:hover{background:#2980b9;box-shadow:0 8px 20px #3498db4d;transform:translateY(-2px)}.not-found-button.secondary{background:#ecf0f1;border:2px solid #bdc3c7;color:#2c3e50}.not-found-button.secondary:hover{background:#d5dbdb;border-color:#95a5a6;transform:translateY(-2px)}.not-found-help{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:20px;text-align:left}.not-found-help p{color:#2c3e50;font-weight:600;margin:0 0 15px}.not-found-help ul{color:#7f8c8d;margin:0;padding-left:20px}.not-found-help li{line-height:1.5;margin-bottom:8px}@media (max-width:768px){.not-found-content{padding:40px 20px}.not-found-title{font-size:4rem}.not-found-subtitle{font-size:1.5rem}.not-found-actions{align-items:center;flex-direction:column}.not-found-button{max-width:200px;width:100%}}@media (max-width:480px){.not-found-title{font-size:3rem}.not-found-subtitle{font-size:1.25rem}.not-found-description{font-size:1rem}}
/*# sourceMappingURL=main.800009e1.css.map*/