.header-container{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease}.header-container.scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a}.dark-theme .header-container{background:#111827f2;border-bottom:1px solid rgba(55,65,81,.3)}.dark-theme .header-container.scrolled{background:#111827fa;box-shadow:0 2px 20px #0000004d}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px}.header-logo h1{font-size:1.8rem;font-weight:800;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-nav{display:flex;gap:2rem;align-items:center}.nav-dropdown{position:relative}.nav-dropdown-trigger{background:none;border:none;color:#4a5568;font-weight:500;font-size:.95rem;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:.25rem}.dark-theme .nav-dropdown-trigger{color:#d1d5db}.nav-dropdown-trigger:hover{background:#667eea1a;color:#667eea}.dark-theme .nav-dropdown-trigger:hover{background:#818cf81a;color:#818cf8}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:.75rem 0;min-width:200px;border:1px solid #e2e8f0;z-index:1001}.dark-theme .nav-dropdown-menu{background:#374151;box-shadow:0 10px 40px #0006;border-color:#4b5563}.nav-dropdown-item{display:block;padding:.75rem 1.5rem;color:#4a5568;text-decoration:none;font-size:.9rem;transition:all .3s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer}.dark-theme .nav-dropdown-item{color:#d1d5db}.nav-dropdown-item:hover{background:#f7fafc;color:#667eea}.dark-theme .nav-dropdown-item:hover{background:#4b5563;color:#818cf8}.header-actions{display:flex;gap:1rem;align-items:center}.theme-toggle-button{background:transparent;border:1px solid #e2e8f0;color:#4a5568;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.dark-theme .theme-toggle-button{border-color:#374151;color:#d1d5db}.theme-toggle-button:hover{background:#f7fafc;border-color:#cbd5e0;transform:scale(1.05)}.dark-theme .theme-toggle-button:hover{background:#374151;border-color:#4b5563}.nav-button{padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;border:none}.nav-button.secondary{background:transparent;color:#4a5568;border:1px solid #e2e8f0}.dark-theme .nav-button.secondary{color:#d1d5db;border-color:#374151}.nav-button.secondary:hover{background:#f7fafc;border-color:#cbd5e0}.dark-theme .nav-button.secondary:hover{background:#374151;border-color:#4b5563}.nav-button.primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.nav-button.primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-1px)}.mobile-menu-toggle{display:none;background:none;border:none;color:#4a5568;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.dark-theme .mobile-menu-toggle{color:#d1d5db}.mobile-menu-toggle:hover{background:#f7fafc;color:#667eea}.dark-theme .mobile-menu-toggle:hover{background:#374151;color:#818cf8}.mobile-menu{display:none;background:#fff;border-top:1px solid #e2e8f0;overflow:hidden}.dark-theme .mobile-menu{background:#111827;border-top-color:#374151}.mobile-nav{padding:1rem 2rem;display:flex;flex-direction:column;gap:1rem}.mobile-nav-section{border-bottom:1px solid #f1f5f9}.dark-theme .mobile-nav-section{border-bottom-color:#374151}.mobile-nav-dropdown-trigger{background:none;border:none;color:#4a5568;font-weight:500;padding:.75rem 0;width:100%;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:color .3s ease}.dark-theme .mobile-nav-dropdown-trigger{color:#d1d5db}.mobile-nav-dropdown-trigger:hover{color:#667eea}.dark-theme .mobile-nav-dropdown-trigger:hover{color:#818cf8}.mobile-nav-dropdown-menu{padding-left:1rem;overflow:hidden}.mobile-nav-dropdown-item{display:block;color:#718096;text-decoration:none;font-size:.9rem;padding:.5rem 0;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:color .3s ease}.dark-theme .mobile-nav-dropdown-item{color:#9ca3af}.mobile-nav-dropdown-item:hover{color:#667eea}.dark-theme .mobile-nav-dropdown-item:hover{color:#818cf8}.mobile-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.dark-theme .mobile-actions{border-top-color:#374151}.mobile-theme-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;color:#4a5568;border:1px solid #e2e8f0;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;width:100%}.dark-theme .mobile-theme-toggle{color:#d1d5db;border-color:#374151}.mobile-theme-toggle:hover{background:#f7fafc;border-color:#cbd5e0;color:#667eea}.dark-theme .mobile-theme-toggle:hover{background:#374151;border-color:#4b5563;color:#818cf8}.mobile-nav-button{padding:.875rem 1.5rem;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border:none;width:100%}.mobile-nav-button.secondary{background:transparent;color:#4a5568;border:1px solid #e2e8f0}.dark-theme .mobile-nav-button.secondary{color:#d1d5db;border-color:#374151}.mobile-nav-button.secondary:hover{background:#f7fafc;border-color:#cbd5e0}.dark-theme .mobile-nav-button.secondary:hover{background:#374151;border-color:#4b5563}.mobile-nav-button.primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.mobile-nav-button.primary:hover{box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.header-nav,.header-actions{display:none}.mobile-menu-toggle,.mobile-menu{display:block}.header-content{padding:0 1rem}}@media (max-width: 480px){.header-logo h1{font-size:1.5rem}.header-content{height:60px}}.footer-container{background:#1a202c;color:#fff;padding:4rem 0 2rem}.dark-theme .footer-container{background:#0f172a}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-main{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem}.footer-brand h2{font-size:2rem;font-weight:800;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.dark-theme .footer-brand h2{background:linear-gradient(45deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{color:#a0aec0;margin-bottom:2rem;line-height:1.6}.dark-theme .footer-brand p{color:#94a3b8}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#a0aec0;text-decoration:none;transition:all .3s ease;backdrop-filter:blur(10px)}.dark-theme .social-link{background:#ffffff0d;color:#94a3b8}.social-link:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.dark-theme .social-link:hover{background:#ffffff1a}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-section h3{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.75rem}.footer-link{color:#a0aec0;text-decoration:none;font-size:.9rem;transition:all .3s ease;position:relative}.dark-theme .footer-link{color:#94a3b8}.footer-link:hover{color:#fff}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(45deg,#667eea,#764ba2);transition:width .3s ease}.dark-theme .footer-link:after{background:linear-gradient(45deg,#818cf8,#a78bfa)}.footer-link:hover:after{width:100%}.footer-bottom{border-top:1px solid #2d3748;padding-top:2rem}.dark-theme .footer-bottom{border-top-color:#1e293b}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright{color:#a0aec0;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.dark-theme .copyright{color:#94a3b8}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-link{color:#a0aec0;text-decoration:none;font-size:.9rem;transition:color .3s ease}.dark-theme .footer-bottom-link{color:#94a3b8}.footer-bottom-link:hover{color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1024px){.footer-main{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.footer-container{padding:3rem 0 1.5rem}.footer-content{padding:0 1rem}.footer-links{grid-template-columns:1fr;gap:2rem}.footer-bottom-content{flex-direction:column;text-align:center;gap:1.5rem}.footer-bottom-links{justify-content:center}}@media (max-width: 480px){.footer-brand h2{font-size:1.75rem}.social-links{justify-content:center}.footer-bottom-links{flex-direction:column;gap:1rem;align-items:center}}.website-container{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333}*{box-sizing:border-box}body{margin:0;padding:0;font-family:inherit}#root{min-height:100vh}.landing-page{min-height:100vh;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:5rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#2d3748}.dark-theme .section-header h2{color:#f9fafb}.section-header p{font-size:1.2rem;color:#718096;max-width:600px;margin:0 auto}.dark-theme .section-header p{color:#d1d5db}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dark-theme .loading-container{background:linear-gradient(135deg,#1e1b4b,#312e81)}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;margin-bottom:1rem}.loading-container p{font-size:1.1rem;opacity:.9}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;background:var(--bg-primary);color:var(--text-primary)}.error-container h2{font-size:2rem;color:#e53e3e;margin-bottom:1rem}.dark-theme .error-container h2{color:#f87171}.error-container p{font-size:1.1rem;color:#718096;margin-bottom:2rem;max-width:500px}.dark-theme .error-container p{color:#9ca3af}.error-container button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.dark-theme .error-container button{background:linear-gradient(45deg,#818cf8,#a78bfa)}.error-container button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.dark-theme .error-container button:hover{box-shadow:0 6px 20px #818cf866}@media (max-width: 768px){.container{padding:0 1rem}.section-header h2{font-size:2rem}}@media (max-width: 480px){.section-header h2{font-size:1.75rem}.error-container h2{font-size:1.5rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}.dark-theme ::-webkit-scrollbar-track{background:#374151}::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.dark-theme ::-webkit-scrollbar-thumb{background:#818cf8}::-webkit-scrollbar-thumb:hover{background:#5a67d8}.dark-theme ::-webkit-scrollbar-thumb:hover{background:#6366f1}.features-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.features-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.features-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.features-content{padding:80px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease;cursor:pointer}.feature-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.feature-category{display:inline-block;background:var(--accent-color);color:var(--text-primary);padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.feature-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.feature-description{color:var(--text-secondary);line-height:1.6;font-size:1rem}.features-cta{padding:80px 0;background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color)}.features-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.features-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}[data-theme=dark] .feature-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .features-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}@media (max-width: 768px){.features-title{font-size:2.5rem}.features-subtitle{font-size:1.125rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.features-hero{padding:80px 0 60px}.features-title{font-size:2rem}.features-content,.features-cta{padding:60px 0}}.use-cases-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.use-cases-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.use-cases-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.use-cases-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.use-cases-content{padding:80px 0}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:3rem}.use-case-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease;cursor:pointer}.use-case-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a}.use-case-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.use-case-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.use-case-description{color:var(--text-secondary);line-height:1.6;font-size:1rem;margin-bottom:1.5rem}.use-case-features{list-style:none;padding:0;margin:0}.use-case-feature{display:flex;align-items:center;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.feature-bullet{color:var(--primary-color);font-weight:700;margin-right:.5rem;font-size:1.2rem}.testimonials-section{padding:80px 0;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.testimonials-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-primary)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.testimonial-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 8px 32px #0000001a}.testimonial-text{font-size:1.1rem;line-height:1.6;color:var(--text-primary);margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.testimonial-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.testimonial-role{font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem}.testimonial-company{font-size:.9rem;color:var(--primary-color);font-weight:500}.use-cases-cta{padding:80px 0;text-align:center}.use-cases-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.use-cases-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}[data-theme=dark] .use-case-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .testimonial-card{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .use-cases-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}@media (max-width: 768px){.use-cases-title{font-size:2.5rem}.use-cases-subtitle{font-size:1.125rem}.use-cases-grid{grid-template-columns:1fr;gap:1.5rem}.use-case-card{padding:1.5rem}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.use-cases-hero{padding:80px 0 60px}.use-cases-title{font-size:2rem}.use-cases-content,.testimonials-section,.use-cases-cta{padding:60px 0}}.integrations-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.integrations-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.integrations-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.integrations-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.integrations-content{padding:80px 0}.integrations-filters{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;align-items:center}.category-filters{display:flex;align-items:center;gap:.5rem}.category-select{padding:1rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .3s ease}.category-select:focus{outline:none;border-color:var(--primary-color)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.integration-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease;cursor:pointer}.integration-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a}.integration-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.integration-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.integration-info{flex:1}.integration-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.integration-category{font-size:.875rem;color:var(--text-secondary);background:var(--accent-color);padding:.25rem .5rem;border-radius:8px}.integration-status{font-size:.875rem;color:#10b981;font-weight:500;padding:.25rem .75rem;background:#10b9811a;border-radius:8px}.integration-description{color:var(--text-secondary);line-height:1.6;font-size:1rem;margin-bottom:1.5rem}.integration-actions{display:flex;gap:.75rem}.btn-connect{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-connect:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-learn-more{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-learn-more:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.no-results{text-align:center;padding:4rem 0;color:var(--text-secondary)}.no-results h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.integrations-cta{padding:80px 0;background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color)}.integrations-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.integrations-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}[data-theme=dark] .integration-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .integrations-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}[data-theme=dark] .integrations-cta{background:var(--bg-secondary)}@media (max-width: 768px){.integrations-title{font-size:2.5rem}.integrations-subtitle{font-size:1.125rem}.integrations-filters{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.integrations-grid{grid-template-columns:1fr;gap:1.5rem}.integration-card{padding:1.5rem}.integration-actions{flex-direction:column}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.integrations-hero{padding:80px 0 60px}.integrations-title{font-size:2rem}.integrations-content,.integrations-cta{padding:60px 0}}.pricing-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.pricing-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.pricing-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;line-height:1.6}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.billing-toggle span{font-size:1.125rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease;position:relative}.billing-toggle span.active{color:var(--text-primary)}.save-badge{position:absolute;top:-20px;right:-40px;background:#10b981;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:8px;font-weight:600}.toggle-switch{position:relative;width:60px;height:32px;background:var(--border-color);border-radius:16px;border:none;cursor:pointer;transition:background .3s ease}.toggle-switch:hover{background:var(--primary-color)}.toggle-slider{position:absolute;top:2px;left:2px;width:28px;height:28px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-slider.active{transform:translate(28px)}.pricing-content{padding:80px 0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.pricing-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:20px;padding:2.5rem;position:relative;transition:all .3s ease}.pricing-card.popular{border-color:var(--secondary-color);transform:scale(1.05);box-shadow:0 20px 40px #0000001a}.pricing-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.plan-header{text-align:center;margin-bottom:2rem}.plan-name{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.plan-description{color:var(--text-secondary);margin-bottom:1.5rem}.plan-pricing{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.price-container{display:flex;align-items:baseline}.currency{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.price{font-size:3.5rem;font-weight:700;color:var(--text-primary);line-height:1}.period{font-size:1.125rem;color:var(--text-secondary);margin-left:.25rem}.original-price{font-size:1.25rem;color:var(--text-secondary);text-decoration:line-through}.plan-features{margin-bottom:2rem}.plan-features h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.features-list{list-style:none;padding:0;margin:0 0 1.5rem}.feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:var(--text-secondary)}.check-icon{color:#10b981;flex-shrink:0}.x-icon{color:#ef4444;flex-shrink:0}.features-list.not-included .feature-item{color:var(--text-secondary);opacity:.7}.plan-button{width:100%;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.plan-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.plan-button.popular{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%)}.features-section{padding:80px 0;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.features-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.feature-description{color:var(--text-secondary);line-height:1.6}.pricing-cta{padding:80px 0;text-align:center}.pricing-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.pricing-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}[data-theme=dark] .pricing-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .pricing-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}[data-theme=dark] .features-section{background:var(--bg-secondary)}@media (max-width: 768px){.pricing-title{font-size:2.5rem}.pricing-subtitle{font-size:1.125rem}.pricing-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-card{padding:2rem}.pricing-card.popular{transform:none}.features-grid{grid-template-columns:1fr;gap:1.5rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.pricing-hero{padding:80px 0 60px}.pricing-title{font-size:2rem}.pricing-content,.features-section,.pricing-cta{padding:60px 0}.price{font-size:2.5rem}}.about-us-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.about-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.about-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.about-content{padding:80px 0}.about-content h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.story-section{display:grid;grid-template-columns:2fr 1fr;gap:4rem;margin-bottom:4rem;align-items:center}.story-content p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.story-stats{display:flex;flex-direction:column;gap:2rem}.stat-item{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-label{font-size:1rem;color:var(--text-secondary);font-weight:500}.mission-section{text-align:center;margin-bottom:4rem;padding:3rem;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color)}.mission-text{font-size:1.5rem;color:var(--text-secondary);line-height:1.6;max-width:800px;margin:0 auto}.values-section{margin-bottom:4rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.value-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.value-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a}.value-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.value-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.value-description{color:var(--text-secondary);line-height:1.6}.timeline-section{margin-bottom:4rem}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--border-color);transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:3rem}.timeline-item:nth-child(odd) .timeline-content{margin-left:0;margin-right:50%;text-align:right;padding-right:2rem}.timeline-item:nth-child(2n) .timeline-content{margin-left:50%;margin-right:0;text-align:left;padding-left:2rem}.timeline-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;position:relative}.timeline-content:before{content:"";position:absolute;top:50%;width:12px;height:12px;background:var(--primary-color);border-radius:50%;transform:translateY(-50%)}.timeline-item:nth-child(odd) .timeline-content:before{right:-6px}.timeline-item:nth-child(2n) .timeline-content:before{left:-6px}.timeline-year{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.timeline-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.timeline-description{color:var(--text-secondary);line-height:1.6}.team-section{margin-bottom:4rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.team-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.team-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a}.team-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 1.5rem;border:3px solid var(--primary-color)}.team-name{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.team-role{font-size:1rem;color:var(--primary-color);font-weight:500;margin-bottom:1rem}.team-bio{color:var(--text-secondary);line-height:1.6;font-size:.9rem}.about-cta{padding:80px 0;background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color)}.about-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.about-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}[data-theme=dark] .value-card,[data-theme=dark] .team-card,[data-theme=dark] .timeline-content{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .about-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}[data-theme=dark] .about-cta{background:var(--bg-secondary)}@media (max-width: 768px){.about-title{font-size:2.5rem}.about-subtitle{font-size:1.125rem}.story-section{grid-template-columns:1fr;gap:2rem}.values-grid{grid-template-columns:1fr;gap:1.5rem}.timeline:before{left:20px}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{margin-left:40px;margin-right:0;text-align:left;padding-left:2rem;padding-right:1rem}.timeline-item:nth-child(odd) .timeline-content:before,.timeline-item:nth-child(2n) .timeline-content:before{left:-26px}.team-grid{grid-template-columns:1fr;gap:1.5rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.about-hero{padding:80px 0 60px}.about-title{font-size:2rem}.about-content,.about-cta{padding:60px 0}.mission-text{font-size:1.25rem}}.careers-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.careers-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.careers-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.careers-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.careers-content{padding:80px 0}.careers-content h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.culture-section{margin-bottom:4rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.benefit-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.benefit-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a}.benefit-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.benefit-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.benefit-description{color:var(--text-secondary);line-height:1.6}.jobs-section{margin-bottom:4rem}.jobs-filters{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;align-items:center}.search-container{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);width:1.25rem;height:1.25rem}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.department-filters{display:flex;align-items:center;gap:.5rem}.filter-icon{color:var(--text-secondary);width:1.25rem;height:1.25rem}.department-select{padding:1rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .3s ease}.department-select:focus{outline:none;border-color:var(--primary-color)}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.job-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease;cursor:pointer}.job-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.job-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.job-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.job-department{background:var(--accent-color);color:var(--text-primary);padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.job-location,.job-type{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.875rem}.job-icon{color:var(--primary-color);width:2rem;height:2rem;flex-shrink:0}.job-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.job-requirements{margin-bottom:1.5rem}.job-requirements h4{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.job-requirements ul{list-style:none;padding:0}.job-requirements li{color:var(--text-secondary);margin-bottom:.5rem;padding-left:1rem;position:relative}.job-requirements li:before{content:"•";color:var(--primary-color);position:absolute;left:0;font-weight:700}.apply-button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;width:100%;justify-content:center}.apply-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.no-jobs{text-align:center;padding:4rem 0;color:var(--text-secondary)}.no-jobs h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.careers-cta{padding:80px 0;background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color)}.careers-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.careers-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}[data-theme=dark] .benefit-card,[data-theme=dark] .job-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .careers-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}[data-theme=dark] .careers-cta{background:var(--bg-secondary)}@media (max-width: 768px){.careers-title{font-size:2.5rem}.careers-subtitle{font-size:1.125rem}.benefits-grid{grid-template-columns:1fr;gap:1.5rem}.jobs-filters{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.jobs-grid{grid-template-columns:1fr;gap:1.5rem}.job-card{padding:1.5rem}.job-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.careers-hero{padding:80px 0 60px}.careers-title{font-size:2rem}.careers-content,.careers-cta{padding:60px 0}}.contact-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.contact-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.contact-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.contact-content{padding:80px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto}.contact-form-section h2,.contact-info-section h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.success-message{display:flex;align-items:center;gap:.75rem;background:#10b9811a;color:#10b981;padding:1rem;border-radius:8px;margin-bottom:2rem;border:1px solid rgba(16,185,129,.2)}.contact-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.form-input,.form-textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-textarea{resize:vertical;min-height:120px}.submit-button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0003}.submit-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.support-channels{margin-bottom:3rem}.support-channel{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;transition:all .3s ease}.support-channel:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.channel-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.channel-info{flex:1}.channel-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.channel-description{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem}.channel-contact{display:flex;flex-direction:column;gap:.25rem}.channel-contact strong{color:var(--text-primary);font-size:.9rem}.response-time{color:var(--text-secondary);font-size:.8rem}.office-locations{display:flex;flex-direction:column;gap:1rem}.office-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.office-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.office-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.office-header svg{color:var(--primary-color)}.office-city{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.office-country{color:var(--text-secondary);font-size:.9rem}.office-address{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.office-contact{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.contact-cta{padding:80px 0;background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color)}.contact-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.contact-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}[data-theme=dark] .contact-form,[data-theme=dark] .support-channel,[data-theme=dark] .office-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .contact-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}[data-theme=dark] .contact-cta{background:var(--bg-secondary)}@media (max-width: 768px){.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.125rem}.contact-grid{grid-template-columns:1fr;gap:2rem}.form-row{grid-template-columns:1fr;gap:0}.support-channel{flex-direction:column;text-align:center}.channel-icon{align-self:center}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.contact-hero{padding:80px 0 60px}.contact-title{font-size:2rem}.contact-content,.contact-cta{padding:60px 0}.contact-form{padding:1.5rem}}.help-center-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.help-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.help-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto 3rem;line-height:1.6}.search-container{max-width:600px;margin:0 auto}.search-box{position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:1rem 1.5rem;transition:all .3s ease}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f11a}.search-icon{color:var(--text-secondary);margin-right:1rem;flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;font-size:1.125rem;color:var(--text-primary)}.search-input::placeholder{color:var(--text-secondary)}.help-content{padding:80px 0}.categories-section{margin-bottom:4rem}.categories-section h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.category-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .3s ease;background:transparent;color:var(--text-primary)}.category-card:hover,.category-card.active{border-color:var(--primary-color);background:var(--bg-secondary);transform:translateY(-2px)}.category-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.category-card span{font-weight:600;font-size:1rem}.featured-articles{margin-bottom:4rem}.featured-articles h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.article-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease}.article-card.featured{border-color:var(--primary-color);box-shadow:0 8px 32px #6366f11a}.article-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.article-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.read-time{color:var(--text-secondary);font-size:.875rem;background:var(--bg-primary);padding:.25rem .75rem;border-radius:8px;white-space:nowrap}.article-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.read-more{display:flex;align-items:center;background:transparent;color:var(--primary-color);border:none;font-weight:600;cursor:pointer;transition:all .3s ease}.read-more:hover{transform:translate(5px)}.all-articles{margin-bottom:4rem}.all-articles h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.articles-list{display:flex;flex-direction:column;gap:1rem}.article-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.article-item:hover{border-color:var(--primary-color);transform:translate(5px)}.article-info{flex:1}.article-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.article-info p{color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}.article-meta{display:flex;gap:1rem;align-items:center}.category-tag{background:#6366f11a;color:var(--primary-color);padding:.25rem .75rem;border-radius:8px;font-size:.875rem;font-weight:500}.read-more-btn{background:transparent;border:none;color:var(--primary-color);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.read-more-btn:hover{background:#6366f11a;transform:scale(1.1)}.video-tutorials{margin-bottom:4rem}.video-tutorials h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.video-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease}.video-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.video-thumbnail{position:relative;width:100%;height:200px;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:all .3s ease}.video-card:hover .play-overlay{opacity:1}.duration{position:absolute;bottom:1rem;right:1rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.video-card h3{padding:1.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.contact-support{text-align:center}.contact-support h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.contact-support p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.support-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.support-option{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.support-option:hover{border-color:var(--primary-color);transform:translateY(-5px)}.support-option svg{color:var(--primary-color);margin-bottom:1rem}.support-option h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.support-option p{color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem}.support-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.support-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}[data-theme=dark] .category-card,[data-theme=dark] .article-card,[data-theme=dark] .article-item,[data-theme=dark] .video-card,[data-theme=dark] .support-option{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .help-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}@media (max-width: 768px){.help-title{font-size:2.5rem}.help-subtitle{font-size:1.125rem}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.category-card{padding:1.5rem 1rem}.articles-grid{grid-template-columns:1fr;gap:1.5rem}.article-card{padding:1.5rem}.videos-grid,.support-options{grid-template-columns:1fr;gap:1.5rem}.support-option{padding:1.5rem}}@media (max-width: 480px){.help-hero{padding:80px 0 60px}.help-title{font-size:2rem}.help-content{padding:60px 0}.categories-section h2,.featured-articles h2,.all-articles h2,.video-tutorials h2,.contact-support h2{font-size:2rem}}.community-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.community-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.community-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto 2rem;line-height:1.6}.beta-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem}.community-content{padding:80px 0}.container{max-width:1400px;margin:0 auto;padding:0 20px}.community-layout{display:grid;grid-template-columns:1fr 350px;gap:3rem;align-items:start}.main-content{display:flex;flex-direction:column;gap:2rem}.categories-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.categories-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.category-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.875rem}.category-tab:hover,.category-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.count{background:#fff3;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.posts-section{display:flex;flex-direction:column;gap:1.5rem}.posts-header{display:flex;justify-content:space-between;align-items:center}.posts-header h2{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0}.new-post-btn{display:flex;align-items:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.new-post-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.posts-list{display:flex;flex-direction:column;gap:1.5rem}.post-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative}.post-card.pinned{border-color:var(--primary-color);background:linear-gradient(135deg,#6366f10d,#a855f70d)}.pinned-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.post-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.author-info{display:flex;flex-direction:column}.author-name{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.verified-badge{color:var(--primary-color)}.post-timestamp{color:var(--text-secondary);font-size:.75rem}.category-tag{padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase}.category-tag.announcements{background:#6366f11a;color:var(--primary-color)}.category-tag.showcase{background:#10b9811a;color:#10b981}.category-tag.features{background:#f59e0b1a;color:#f59e0b}.category-tag.help{background:#ef44441a;color:#ef4444}.post-content{margin-bottom:1.5rem}.post-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.post-text{color:var(--text-secondary);line-height:1.6}.post-actions{display:flex;gap:1rem}.action-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;font-size:.875rem}.action-btn:hover{background:#6366f11a;color:var(--primary-color)}.sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.sidebar-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.events-list{display:flex;flex-direction:column;gap:1rem}.event-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.event-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.event-info h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.event-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.event-detail{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.75rem}.event-attendees{color:var(--primary-color);font-size:.75rem;font-weight:600}.join-event-btn{display:flex;align-items:center;background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.join-event-btn:hover{background:var(--secondary-color);transform:translate(2px)}.contributors-list{display:flex;flex-direction:column;gap:1rem}.contributor-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.contributor-card:hover{border-color:var(--primary-color);transform:translate(5px)}.contributor-rank{font-weight:700;color:var(--primary-color);font-size:.875rem;min-width:30px}.contributor-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.contributor-info{flex:1}.contributor-name{font-weight:600;color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.contributor-badge{color:var(--primary-color);font-size:.75rem;font-weight:500;margin-bottom:.25rem}.contributor-points{color:var(--text-secondary);font-size:.75rem}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.stat-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.stat-item svg{color:var(--primary-color)}.stat-number{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stat-label{color:var(--text-secondary);font-size:.875rem}[data-theme=dark] .categories-section,[data-theme=dark] .post-card,[data-theme=dark] .sidebar-section{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .event-card,[data-theme=dark] .contributor-card,[data-theme=dark] .stat-item{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .community-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}@media (max-width: 1024px){.community-layout{grid-template-columns:1fr;gap:2rem}.sidebar{order:-1}.sidebar-section{margin-bottom:1rem}}@media (max-width: 768px){.community-title{font-size:2.5rem}.community-subtitle{font-size:1.125rem}.categories-tabs{justify-content:center}.category-tab{font-size:.8rem;padding:.5rem .75rem}.posts-header,.post-header{flex-direction:column;gap:1rem;align-items:flex-start}.post-actions{justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 480px){.community-hero{padding:80px 0 60px}.community-title{font-size:2rem}.community-content{padding:60px 0}.posts-header h2{font-size:1.5rem}.sidebar-section h3{font-size:1.125rem}}.status-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.status-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.status-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto 3rem;line-height:1.6}.overall-status{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;max-width:600px;margin-left:auto;margin-right:auto}.status-indicator{display:flex;align-items:center;gap:1rem}.status-indicator svg{color:#10b981}.status-text{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.status-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.stat-value{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.last-updated{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary);font-size:.9rem}.refresh-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.refresh-btn:hover{background:#6366f11a;color:var(--primary-color)}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}.status-content{padding:80px 0}.services-section{margin-bottom:4rem}.services-section h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.service-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.service-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.service-info{display:flex;align-items:center;gap:1rem}.service-icon{width:48px;height:48px;background:#6366f11a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.service-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.service-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600}.service-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.metric-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.status-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.incidents-section h2,.maintenance-section h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.incidents-list,.maintenance-list{display:flex;flex-direction:column;gap:1.5rem}.incident-card,.maintenance-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.incident-card:hover,.maintenance-card:hover{border-color:var(--primary-color);transform:translate(5px)}.incident-header,.maintenance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.incident-title{display:flex;align-items:center;gap:1rem}.incident-title h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.severity-badge{padding:.25rem .5rem;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase}.incident-status,.maintenance-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600}.incident-details,.maintenance-details{display:flex;flex-direction:column;gap:1rem}.incident-time,.maintenance-time{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.incident-description,.maintenance-description{color:var(--text-secondary);line-height:1.6;margin:0}.affected-services{display:flex;flex-direction:column;gap:.5rem}.label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.service-tags{display:flex;flex-wrap:wrap;gap:.5rem}.service-tag{background:#6366f11a;color:var(--primary-color);padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600}.subscribe-section{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:3rem}.subscribe-section h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.subscribe-section p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.subscribe-options{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.subscribe-btn,.rss-btn{display:flex;align-items:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.subscribe-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.rss-btn{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.rss-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-2px)}[data-theme=dark] .overall-status,[data-theme=dark] .service-card,[data-theme=dark] .incident-card,[data-theme=dark] .maintenance-card,[data-theme=dark] .subscribe-section{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .status-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}@media (max-width: 1024px){.status-layout{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.status-title{font-size:2.5rem}.status-subtitle{font-size:1.125rem}.overall-status{flex-direction:column;gap:1.5rem;text-align:center}.status-stats{gap:1rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.25rem}.service-header{flex-direction:column;gap:1rem;align-items:flex-start}.service-metrics{grid-template-columns:1fr;gap:.75rem}.incident-header,.maintenance-header{flex-direction:column;gap:1rem;align-items:flex-start}.incident-title{flex-direction:column;align-items:flex-start;gap:.5rem}.subscribe-options{flex-direction:column;align-items:center}.subscribe-btn,.rss-btn{width:100%;max-width:300px;justify-content:center}}@media (max-width: 480px){.status-hero{padding:80px 0 60px}.status-title{font-size:2rem}.status-content{padding:60px 0}.services-section h2,.incidents-section h2,.maintenance-section h2,.subscribe-section h2{font-size:1.75rem}.subscribe-section{padding:2rem 1.5rem}}.beta-page{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.beta-container{max-width:800px;width:100%;background:#181828fa;border-radius:18px;box-shadow:0 8px 32px #0000002e;padding:2.5rem;color:#fff}.beta-header{text-align:center;margin-bottom:2.5rem}.beta-header h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(90deg,#6366f1,#8b5cf6 60%,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.beta-header p{font-size:1.1rem;color:#a1a1aa;line-height:1.6}.beta-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.feature-card{background:#6366f114;border-radius:12px;padding:1.5rem;text-align:center;border:1px solid rgba(99,102,241,.2);transition:all .3s ease}.feature-card:hover{transform:translateY(-2px);border-color:#6366f166;box-shadow:0 4px 20px #6366f126}.feature-card h3{font-size:1.2rem;font-weight:600;margin:1rem 0 .5rem;color:#fff}.feature-card p{color:#a1a1aa;font-size:.95rem;line-height:1.5}.team-selection{margin-bottom:2.5rem}.team-selection h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#fff}.team-selection>p{color:#a1a1aa;margin-bottom:1.5rem}.teams-grid{display:grid;gap:1rem}.team-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between}.team-option:hover{background:#ffffff14;border-color:#6366f14d}.team-option.selected{background:#6366f126;border-color:#6366f180}.team-info h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#fff}.team-info p{color:#a1a1aa;font-size:.9rem;margin-bottom:.5rem}.team-stats{font-size:.8rem;color:#6366f1;font-weight:500}.membership-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.info-card{background:#10b98114;border-radius:10px;padding:1.2rem;border:1px solid rgba(16,185,129,.2)}.info-card h3{font-size:.9rem;color:#10b981;margin-bottom:.5rem;font-weight:600}.info-card p{color:#fff;font-weight:500}.beta-cta{text-align:center;margin-bottom:1.5rem}.join-beta-btn{display:inline-flex;align-items:center;background:linear-gradient(45deg,#6366f1,#8b5cf6);color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6366ea4d}.join-beta-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366ea66}.join-beta-btn:disabled{opacity:.7;cursor:not-allowed}.beta-cta p{margin-top:1rem;color:#a1a1aa}.beta-cta a{color:#6366f1;text-decoration:none}.beta-cta a:hover{text-decoration:underline}.beta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.dashboard-btn{display:inline-flex;align-items:center;background:linear-gradient(45deg,#10b981,#059669);color:#fff;padding:.875rem 1.5rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.leave-beta-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:.875rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease}.leave-beta-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.leave-beta-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:1rem;border-radius:8px;margin-top:1rem;text-align:center}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.beta-container{padding:1.5rem}.beta-header h1{font-size:2rem}.beta-features{grid-template-columns:1fr}.beta-actions{flex-direction:column;align-items:center}.dashboard-btn,.leave-beta-btn{width:100%;max-width:300px;justify-content:center}}@media (max-width: 480px){.beta-page{padding:1rem .5rem}.beta-container{padding:1rem}.beta-header h1{font-size:1.75rem}.team-option{padding:1rem}}.beta-dashboard{max-width:800px;margin:2rem auto;background:#181828fa;border-radius:18px;box-shadow:0 8px 32px #0000002e;padding:2rem 2.5rem;color:#fff;display:flex;flex-direction:column;gap:2rem}.beta-dashboard h2{font-size:2.2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(90deg,#6366f1,#8b5cf6 60%,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.team-section{background:#6366f114;border-radius:12px;padding:1.2rem 1.5rem}.team-section h3{font-size:1.2rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.team-list{list-style:none;padding:0;margin:0 0 .5rem;display:flex;gap:1.5rem}.team-list .role{color:#a5b4fc;font-size:.95em}.invite-link{color:#10b981;text-decoration:underline;font-size:.98rem}.stats-section{display:flex;gap:1.5rem;flex-wrap:wrap}.stat-card{background:#10b98114;border-radius:10px;padding:1rem 1.5rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;color:#10b981;font-weight:600}.achievements-section{background:#8b5cf614;border-radius:12px;padding:1.2rem 1.5rem}.achievements-section h3{margin-bottom:.7rem}.achievements-list{display:flex;gap:1.2rem;flex-wrap:wrap}.achievement-card{background:#ffffff12;border-radius:10px;padding:.8rem 1.2rem;display:flex;flex-direction:column;align-items:center;min-width:120px;gap:.3rem;font-size:.98rem;border:2px solid transparent;transition:border .2s}.achievement-card.unlocked{border-color:#10b981;color:#10b981}.achievement-card.locked{opacity:.5;color:#a1a1aa}.achievement-card .icon{font-size:1.5rem;margin-bottom:.2rem}.achievement-card .name{font-weight:700}.achievement-card .desc{font-size:.92em;color:#a5b4fc}.feedback-section{background:#ec489914;border-radius:12px;padding:1.2rem 1.5rem}.feedback-section h3{margin-bottom:.5rem}.feedback-section textarea{width:100%;min-height:60px;border-radius:8px;border:none;padding:.7rem;margin-bottom:.5rem;font-size:1rem;background:#ffffff14;color:#fff;resize:vertical}.submit-feedback{background:linear-gradient(90deg,#6366f1,#8b5cf6 60%,#ec4899);color:#fff;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:1rem;font-weight:700;cursor:pointer;margin-bottom:1rem}.feedback-list{margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.feedback-item{background:#ffffff0d;border-radius:6px;padding:.5rem .8rem;font-size:.98rem}.join-beta{text-align:center;padding:3rem 1.5rem;background:#6366f114;border-radius:18px;margin:3rem auto;max-width:500px}.join-beta-btn{background:linear-gradient(90deg,#6366f1,#8b5cf6 60%,#ec4899);color:#fff;border:none;border-radius:8px;padding:.7rem 1.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:1.2rem;display:flex;align-items:center;gap:.5rem}@media (max-width: 600px){.beta-dashboard{padding:1rem .5rem}.team-section,.achievements-section,.feedback-section{padding:.7rem .5rem}.stats-section,.achievements-list{flex-direction:column;gap:.7rem}}.server-stats{max-width:700px;margin:2rem auto;background:#181828fa;border-radius:18px;box-shadow:0 8px 32px #0000002e;padding:2rem 2.5rem;color:#fff;display:flex;flex-direction:column;gap:2rem}.server-stats h2{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(90deg,#6366f1,#8b5cf6 60%,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-cards{display:flex;gap:2rem;flex-wrap:wrap}.stat-card{background:#6366f114;border-radius:10px;padding:1.2rem 2rem;font-size:1.1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6366f1;font-weight:600;min-width:140px}.groups-section{background:#10b98114;border-radius:12px;padding:1.2rem 1.5rem}.groups-section h3{font-size:1.1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.group-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:1.2rem}.group-users{color:#10b981;font-size:.98em}.no-access{text-align:center;padding:3rem 1.5rem;background:#6366f114;border-radius:18px;margin:3rem auto;max-width:500px}@media (max-width: 600px){.server-stats{padding:1rem .5rem}.stats-cards{flex-direction:column;gap:1rem}.groups-section{padding:.7rem .5rem}.group-list{gap:.7rem}}.privacy-policy-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.privacy-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.privacy-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto 2rem;line-height:1.6}.privacy-content{padding:80px 0}.policy-overview{margin-bottom:4rem;text-align:center}.policy-overview h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.policy-overview p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:800px;margin:0 auto 1.5rem}.policy-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:4rem}.policy-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease}.policy-section:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a}.your-rights-section{margin-bottom:4rem;text-align:center}.your-rights-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.your-rights-section p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:600px;margin:0 auto 2rem}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;max-width:800px;margin:0 auto}.right-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.right-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.right-bullet{color:var(--primary-color);font-weight:700;font-size:1.2rem}.right-item span{color:var(--text-primary);font-weight:500}.privacy-cta{padding:80px 0;background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color)}.privacy-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.privacy-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}[data-theme=dark] .policy-section,[data-theme=dark] .right-item,[data-theme=dark] .contact-item{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .privacy-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}[data-theme=dark] .privacy-cta{background:var(--bg-secondary)}@media (max-width: 768px){.privacy-title{font-size:2.5rem}.privacy-subtitle{font-size:1.125rem}.policy-sections{grid-template-columns:1fr;gap:1.5rem}.policy-section{padding:1.5rem}.rights-grid{grid-template-columns:1fr;gap:.75rem}.contact-info{gap:.75rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.privacy-hero{padding:80px 0 60px}.privacy-title{font-size:2rem}.privacy-content,.privacy-cta{padding:60px 0}.policy-overview h2,.your-rights-section h2,.contact-section h2{font-size:2rem}}.terms-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.terms-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.terms-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.terms-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto 2rem;line-height:1.6}.terms-content{padding:80px 0}.terms-overview{margin-bottom:4rem;text-align:center}.terms-overview h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.terms-overview p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:800px;margin:0 auto 1.5rem}.terms-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:4rem}.terms-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease}.terms-section:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.section-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.section-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.section-content{list-style:none;padding:0;margin:0}.section-content li{color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.section-content li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0}.key-points-section{margin-bottom:4rem;text-align:center}.key-points-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.key-points-section p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:600px;margin:0 auto 2rem}.points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;max-width:900px;margin:0 auto}.point-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.point-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.point-bullet{color:var(--primary-color);font-weight:700;font-size:1.2rem}.point-item span{color:var(--text-primary);font-weight:500}.terms-cta{padding:80px 0;background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color)}.terms-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.terms-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}[data-theme=dark] .terms-section,[data-theme=dark] .point-item,[data-theme=dark] .contact-item{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .terms-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}[data-theme=dark] .terms-cta{background:var(--bg-secondary)}@media (max-width: 768px){.terms-title{font-size:2.5rem}.terms-subtitle{font-size:1.125rem}.terms-sections{grid-template-columns:1fr;gap:1.5rem}.terms-section{padding:1.5rem}.points-grid{grid-template-columns:1fr;gap:.75rem}.contact-info{gap:.75rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.terms-hero{padding:80px 0 60px}.terms-title{font-size:2rem}.terms-content,.terms-cta{padding:60px 0}.terms-overview h2,.key-points-section h2,.contact-section h2{font-size:2rem}}.cookie-policy-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.cookie-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.cookie-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cookie-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto 2rem;line-height:1.6}.cookie-content{padding:80px 0}.cookie-overview{margin-bottom:4rem;text-align:center}.cookie-overview h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.cookie-overview p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:800px;margin:0 auto 1.5rem}.cookie-types{margin-bottom:4rem}.cookie-types h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.cookie-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.cookie-type-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease}.cookie-type-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a}.type-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.type-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.type-info{flex:1}.type-info h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.type-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.necessary-badge{display:flex;align-items:center;gap:.25rem;background:#10b981;color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600}.optional-badge{display:flex;align-items:center;gap:.25rem;background:#f59e0b;color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600}.type-examples h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.type-examples ul{list-style:none;padding:0;margin:0}.type-examples li{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;padding-left:1rem;position:relative}.type-examples li:before{content:"•";color:var(--primary-color);position:absolute;left:0}.cookie-details{margin-bottom:4rem}.cookie-details h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.cookie-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;background:var(--primary-color);color:#fff;font-weight:600}.table-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;border-bottom:1px solid var(--border-color);transition:background-color .3s ease}.type-tag{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.type-tag.essential{background:#10b9811a;color:#10b981}.type-tag.analytics{background:#3b82f61a;color:#3b82f6}.type-tag.functional{background:#a855f71a;color:#a855f7}.type-tag.marketing{background:#f59e0b1a;color:#f59e0b}.cookie-controls{margin-bottom:4rem}.cookie-controls h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--text-primary)}.cookie-controls p{font-size:1.125rem;color:var(--text-secondary);text-align:center;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.control-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.control-option{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.control-option:hover{border-color:var(--primary-color);transform:translateY(-2px)}.control-option svg{color:var(--primary-color);flex-shrink:0;margin-top:.25rem}.control-option h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.control-option p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.contact-info{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}.cookie-cta{padding:80px 0;background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color)}.cookie-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.cookie-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color);padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}[data-theme=dark] .cookie-type-card,[data-theme=dark] .cookie-table{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .control-option,[data-theme=dark] .contact-item{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .cookie-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}[data-theme=dark] .cookie-cta{background:var(--bg-secondary)}@media (max-width: 768px){.cookie-title{font-size:2.5rem}.cookie-subtitle{font-size:1.125rem}.cookie-types-grid{grid-template-columns:1fr;gap:1.5rem}.cookie-type-card{padding:1.5rem}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.header-cell,.table-cell{padding:.75rem}.control-options{grid-template-columns:1fr;gap:1.5rem}.contact-info{gap:.75rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.cookie-hero{padding:80px 0 60px}.cookie-title{font-size:2rem}.cookie-content,.cookie-cta{padding:60px 0}.cookie-overview h2,.cookie-types h2,.cookie-details h2,.cookie-controls h2,.contact-section h2{font-size:2rem}}.gdpr-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.gdpr-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.hero-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:#fff}.gdpr-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gdpr-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto 2rem;line-height:1.6}.last-updated{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.gdpr-content{padding:80px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.gdpr-overview{margin-bottom:4rem;text-align:center}.gdpr-overview h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.gdpr-overview p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:800px;margin:0 auto 1.5rem}.your-rights-section{margin-bottom:4rem}.your-rights-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--text-primary)}.your-rights-section p{font-size:1.125rem;color:var(--text-secondary);text-align:center;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.right-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.right-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.right-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.right-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.right-card p{color:var(--text-secondary);line-height:1.6;font-size:.9rem}.data-categories{margin-bottom:4rem}.data-categories h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.categories-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 1.5fr 1.5fr 1fr;background:var(--primary-color);color:#fff;font-weight:600}.header-cell{padding:1rem;text-align:left}.table-row{display:grid;grid-template-columns:1fr 1.5fr 1.5fr 1fr;border-bottom:1px solid var(--border-color);transition:background-color .3s ease}.table-row:hover{background:#0000000d}.table-row:last-child{border-bottom:none}.table-cell{padding:1rem;color:var(--text-primary);font-size:.9rem}.table-cell ul{list-style:none;padding:0;margin:0}.table-cell li{margin-bottom:.25rem;color:var(--text-secondary)}.legal-basis-tag{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;background:#10b9811a;color:#10b981}.data-protection{margin-bottom:4rem}.data-protection h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--text-primary)}.data-protection p{font-size:1.125rem;color:var(--text-secondary);text-align:center;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.safeguards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.safeguard-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.safeguard-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.safeguard-item svg{color:#10b981;flex-shrink:0}.safeguard-item span{color:var(--text-primary);font-size:.9rem}.data-transfers{margin-bottom:4rem}.data-transfers h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--text-primary)}.data-transfers p{font-size:1.125rem;color:var(--text-secondary);text-align:center;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.transfer-safeguards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.safeguard-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.safeguard-card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.safeguard-card svg{color:var(--primary-color);margin-bottom:1rem}.safeguard-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.safeguard-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.contact-section{text-align:center;margin-bottom:4rem}.contact-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.contact-section p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:600px;margin:0 auto 2rem}.contact-info{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto 2rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.contact-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.contact-item svg{color:var(--primary-color);flex-shrink:0}.contact-item span{color:var(--text-primary);font-weight:500}.data-request-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color);padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.btn-secondary:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-2px)}.gdpr-cta{padding:80px 0;background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color)}.gdpr-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.gdpr-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}[data-theme=dark] .right-card,[data-theme=dark] .categories-table{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .table-row:hover{background:#ffffff0d}[data-theme=dark] .safeguard-item,[data-theme=dark] .safeguard-card,[data-theme=dark] .contact-item{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .gdpr-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}[data-theme=dark] .gdpr-cta{background:var(--bg-secondary)}@media (max-width: 768px){.gdpr-title{font-size:2.5rem}.gdpr-subtitle{font-size:1.125rem}.rights-grid{grid-template-columns:1fr;gap:1.5rem}.right-card{padding:1.5rem}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.header-cell,.table-cell{padding:.75rem}.safeguards-grid{grid-template-columns:1fr;gap:.75rem}.transfer-safeguards{grid-template-columns:1fr;gap:1.5rem}.contact-info{gap:.75rem}.data-request-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.gdpr-hero{padding:80px 0 60px}.gdpr-title{font-size:2rem}.gdpr-content,.gdpr-cta{padding:60px 0}.gdpr-overview h2,.your-rights-section h2,.data-categories h2,.data-protection h2,.data-transfers h2,.contact-section h2{font-size:2rem}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 70%)}.floating-elements{position:absolute;width:100%;height:100%}.floating-element{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#6366f1,#8b5cf6);border-radius:50%;opacity:.6}.floating-element:nth-child(1){top:20%;left:10%}.floating-element:nth-child(2){top:60%;left:80%}.floating-element:nth-child(3){top:80%;left:20%}.floating-element:nth-child(4){top:30%;left:70%}.floating-element:nth-child(5){top:70%;left:30%}.floating-element:nth-child(6){top:40%;left:90%}.floating-element:nth-child(7){top:90%;left:60%}.floating-element:nth-child(8){top:10%;left:40%}.floating-element:nth-child(9){top:50%;left:5%}.floating-element:nth-child(10){top:85%;left:85%}.floating-element:nth-child(11){top:15%;left:85%}.floating-element:nth-child(12){top:75%;left:15%}.particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:2px;height:2px;background:#ffffff4d;border-radius:50%}.hero-content{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1400px;margin:0 auto;padding:2rem;align-items:center}.urgency-banner{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:600;font-size:.875rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.hero-text{display:flex;flex-direction:column;gap:1.5rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin:0;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#9ca3af;line-height:1.6;margin:0}.social-proof{display:flex;flex-direction:column;gap:1rem}.rating{display:flex;align-items:center;gap:.5rem}.rating-text{color:#9ca3af;font-size:.875rem}.company-logos{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#6b7280}.logos{display:flex;gap:1rem}.logo{color:#9ca3af;font-weight:500}.hero-cta{display:flex;gap:1rem;margin-top:1rem}.cta-primary{display:flex;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #6366f14d}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px #6366f166}.cta-secondary{display:flex;align-items:center;padding:1rem 2rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.cta-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.beta-progress{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-top:1rem}.progress-count{color:#10b981;font-weight:600}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px}.hero-visual{position:relative}.app-preview{position:relative;width:100%;max-width:500px;margin:0 auto}.app-window{background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 25px 50px #0000004d}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.app-dots{display:flex;gap:.5rem}.app-dots span{width:12px;height:12px;border-radius:50%;background:#ffffff4d}.app-dots span:nth-child(1){background:#ef4444}.app-dots span:nth-child(2){background:#f59e0b}.app-dots span:nth-child(3){background:#10b981}.app-title{font-size:.875rem;color:#9ca3af;font-weight:500}.app-content{position:relative;padding:1.5rem;min-height:300px}.login-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;text-align:center}.overlay-content span{font-size:1rem;font-weight:500}.mock-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mock-column h4{font-size:.875rem;color:#9ca3af;margin-bottom:.75rem;font-weight:600}.mock-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;margin-bottom:.5rem;font-size:.875rem;color:#e5e7eb}.mock-card.active{border-color:#6366f1;background:#6366f11a}.mock-card.completed{opacity:.6;text-decoration:line-through}.mock-card.new{border-color:#10b981;background:#10b9811a}.mock-card.typing{border-color:#f59e0b;background:#f59e0b1a;font-style:italic}.floating-testimonials{position:absolute;top:50%;right:2rem;transform:translateY(-50%);z-index:15}.testimonial-card{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;width:280px;box-shadow:0 10px 30px #0003}.testimonial-content p{font-size:.875rem;color:#e5e7eb;line-height:1.5;margin-bottom:1rem;font-style:italic}.author-name{font-size:.875rem;font-weight:600;color:#6366f1}.author-company{font-size:.75rem;color:#6b7280}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:2.5rem}.floating-testimonials{position:relative;top:auto;right:auto;transform:none;margin:2rem auto 0;width:100%;max-width:400px}.testimonial-card{width:100%}}@media (max-width: 768px){.hero-content{padding:1rem}.hero-title{font-size:2rem}.hero-cta{flex-direction:column}.cta-primary,.cta-secondary{width:100%;justify-content:center}.mock-board{grid-template-columns:1fr}}@media (max-width: 480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.floating-testimonials{display:none}}:root{--navbar-height: 64px}.live-activity-bar{position:fixed;top:calc(var(--navbar-height) + 1rem);left:1.5rem;z-index:90;background:#181828f2;border-radius:14px;box-shadow:0 4px 24px #0000002e;border:1px solid rgba(99,102,241,.12);min-width:260px;max-width:340px;padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.25rem;pointer-events:none}.activity-bar-content{display:flex;flex-direction:column;gap:.25rem}.activity-header{display:flex;align-items:center;gap:.5rem;color:#a5b4fc;font-size:.95rem;font-weight:600;margin-bottom:.1rem}.online-counter{color:#10b981;font-weight:700;font-size:1rem;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-item{display:flex;align-items:center;gap:.5rem;font-size:.92rem;color:#e5e7eb;min-height:1.5rem;max-width:100%;overflow:hidden}.activity-user{color:#6366f1;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-action{color:#e5e7eb;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{color:#6b7280;font-size:.8rem;margin-left:auto;flex-shrink:0}.hero-content--with-bar{padding-top:calc(var(--navbar-height) + 4.5rem)}@media (max-width: 900px){.live-activity-bar{left:.5rem;top:calc(var(--navbar-height) + 1rem);min-width:180px;max-width:90vw;padding:.5rem .75rem}.hero-content--with-bar{padding-top:calc(var(--navbar-height) + 3.5rem)}}@media (max-width: 600px){:root{--navbar-height: 56px}.live-activity-bar{position:fixed;top:var(--navbar-height);left:0;right:0;width:100vw;min-width:unset;max-width:unset;border-radius:0 0 14px 14px;box-shadow:0 2px 16px #0000002e;padding:.5rem;margin:0;z-index:90}.activity-bar-content{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.activity-header{font-size:.95rem;margin-bottom:0}.activity-item{font-size:.9rem;min-width:0;max-width:60vw}.hero-content--with-bar{padding-top:calc(var(--navbar-height) + 2.5rem)}}.live-activity-feed{display:none!important}.landing-page--with-bar{margin-top:calc(var(--navbar-height) + 5.5rem)}@media (max-width: 900px){.landing-page--with-bar{margin-top:calc(var(--navbar-height) + 4.5rem)}}@media (max-width: 600px){.landing-page--with-bar{margin-top:calc(var(--navbar-height) + 3.5rem)}}.hero-nav-links{display:flex;gap:1rem;margin-top:1.5rem}.hero-nav-btn{background:linear-gradient(90deg,#6366f1,#8b5cf6 60%,#ec4899);color:#fff;border:none;border-radius:8px;padding:.6rem 1.3rem;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #6366f11f}.hero-nav-btn:hover{background:linear-gradient(90deg,#8b5cf6,#6366f1 60%,#ec4899);box-shadow:0 4px 16px #6366f12e}.features-section{background:#f7fafc;padding:5rem 0}.dark-theme .features-section{background:#1f2937}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid #e2e8f0}.dark-theme .feature-card{background:#374151;box-shadow:0 4px 20px #0000004d;border-color:#4b5563}.feature-card:hover{box-shadow:0 8px 40px #0000001f;border-color:#cbd5e0}.dark-theme .feature-card:hover{box-shadow:0 8px 40px #0006;border-color:#6b7280}.feature-icon{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.dark-theme .feature-icon{background:linear-gradient(45deg,#818cf8,#a78bfa)}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#2d3748}.dark-theme .feature-card h3{color:#f9fafb}.feature-card p{color:#718096;line-height:1.6}.dark-theme .feature-card p{color:#d1d5db}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.use-cases-section{background:#fff;padding:5rem 0}.dark-theme .use-cases-section{background:#111827}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.use-case-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2.5rem;border-radius:20px;text-align:center;position:relative;overflow:hidden}.dark-theme .use-case-card{background:linear-gradient(135deg,#1e1b4b,#312e81)}.use-case-card:before{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.dark-theme .use-case-card:before{background:#ffffff0d}.use-case-card:hover:before{opacity:1}.use-case-icon{background:#fff3;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;backdrop-filter:blur(10px)}.dark-theme .use-case-icon{background:#ffffff1a}.use-case-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.use-case-card p{margin-bottom:1.5rem;opacity:.9;line-height:1.6}.use-case-card blockquote{font-style:italic;font-size:.95rem;opacity:.8;border-left:3px solid rgba(255,255,255,.3);padding-left:1rem}@media (max-width: 768px){.use-cases-grid{grid-template-columns:1fr}}.integration-section{background:#f7fafc;padding:5rem 0}.dark-theme .integration-section{background:#1f2937}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.integration-item{background:#fff;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;border:1px solid #e2e8f0}.dark-theme .integration-item{background:#374151;box-shadow:0 2px 10px #0003;border-color:#4b5563}.integration-item:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.dark-theme .integration-item:hover{box-shadow:0 4px 20px #0000004d}.integration-icon{color:#667eea;margin-bottom:.75rem}.dark-theme .integration-icon{color:#818cf8}.integration-item span{font-size:.9rem;font-weight:500;color:#4a5568}.dark-theme .integration-item span{color:#d1d5db}@media (max-width: 768px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.integrations-grid{grid-template-columns:1fr}}.community-section{background:#fff;padding:5rem 0}.dark-theme .community-section{background:#111827}.community-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.community-features{display:flex;flex-direction:column;gap:2rem}.community-feature{display:flex;align-items:flex-start;gap:1rem}.community-feature .feature-icon{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dark-theme .community-feature .feature-icon{background:linear-gradient(45deg,#818cf8,#a78bfa)}.community-feature .feature-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#2d3748}.dark-theme .community-feature .feature-content h3{color:#f9fafb}.community-feature .feature-content p{color:#718096;font-size:.95rem;line-height:1.5}.dark-theme .community-feature .feature-content p{color:#d1d5db}.testimonials h3{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#2d3748}.dark-theme .testimonials h3{color:#f9fafb}.testimonials-grid{display:flex;flex-direction:column;gap:1.5rem}.testimonial-card{background:#f7fafc;padding:1.5rem;border-radius:12px;border-left:4px solid #667eea}.dark-theme .testimonial-card{background:#374151;border-left-color:#818cf8}.testimonial-rating{display:flex;gap:.25rem;margin-bottom:1rem}.testimonial-card p{font-style:italic;color:#4a5568;margin-bottom:1rem;line-height:1.6}.dark-theme .testimonial-card p{color:#d1d5db}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.testimonial-author strong{color:#2d3748;font-weight:600}.dark-theme .testimonial-author strong{color:#f9fafb}.testimonial-author span{color:#718096;font-size:.9rem}.dark-theme .testimonial-author span{color:#9ca3af}@media (max-width: 1024px){.community-content{grid-template-columns:1fr;gap:3rem}}.newsletter-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:5rem 0}.dark-theme .newsletter-section{background:linear-gradient(135deg,#1e1b4b,#312e81)}.newsletter-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.newsletter-content p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.newsletter-form{display:flex;gap:1rem;max-width:500px;margin:0 auto;flex-wrap:wrap;justify-content:center}.newsletter-input{flex:1;min-width:250px;padding:1rem 1.5rem;border:none;border-radius:50px;font-size:1rem;background:#ffffff1a;color:#fff;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark-theme .newsletter-input{background:#ffffff0d;border-color:#ffffff1a}.newsletter-input::placeholder{color:#ffffffb3}.newsletter-input:focus{outline:none;border-color:#ffffff80;background:#ffffff26}.dark-theme .newsletter-input:focus{background:#ffffff1a;border-color:#ffffff4d}.newsletter-input:disabled{opacity:.6;cursor:not-allowed}.newsletter-button{background:#fff;color:#667eea;border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.dark-theme .newsletter-button{color:#1e1b4b}.newsletter-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.dark-theme .newsletter-button:hover:not(:disabled){box-shadow:0 6px 20px #0000004d}.newsletter-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.newsletter-message{margin-top:1rem;font-size:.9rem;padding:.5rem 1rem;border-radius:8px;max-width:500px;margin-left:auto;margin-right:auto}.newsletter-message.success{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.dark-theme .newsletter-message.success{background:#22c55e1a;border-color:#22c55e33}.newsletter-message.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.dark-theme .newsletter-message.error{background:#ef44441a;border-color:#ef444433}@media (max-width: 768px){.newsletter-form{flex-direction:column;align-items:center}.newsletter-input{min-width:100%}}.gamification-section{padding:4rem 0;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);position:relative;overflow:hidden}.gamification-container{max-width:1200px;margin:0 auto;padding:0 2rem}.gamification-header{text-align:center;margin-bottom:3rem}.gamification-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(90deg,#6366f1,#8b5cf6 60%,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gamification-subtitle{font-size:1.2rem;color:#a1a1aa;max-width:600px;margin:0 auto;line-height:1.6}.gamification-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.leaderboard-card{background:#181828f2;border-radius:16px;padding:1.5rem;border:1px solid rgba(99,102,241,.2);box-shadow:0 8px 32px #0003;backdrop-filter:blur(10px)}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(99,102,241,.1)}.card-header h3{font-size:1.3rem;font-weight:600;color:#fff;margin:0}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.leaderboard-item:hover{background:#ffffff14;border-color:#6366f14d;transform:translateY(-2px)}.leaderboard-item.highlighted{background:#6366f126;border-color:#6366f166;box-shadow:0 4px 20px #6366f133}.team-rank{display:flex;align-items:center;gap:.5rem;min-width:60px}.rank-badge{font-size:1.2rem}.rank-number{font-weight:600;color:#6366f1;font-size:1.1rem}.team-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.team-name{font-weight:600;color:#fff;font-size:1rem}.team-members{font-size:.85rem;color:#a1a1aa}.team-points{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#10b981}.progress-card{background:#181828f2;border-radius:16px;padding:1.5rem;border:1px solid rgba(139,92,246,.2);box-shadow:0 8px 32px #0003;backdrop-filter:blur(10px)}.progress-items{display:flex;flex-direction:column;gap:1.5rem}.progress-item{display:flex;flex-direction:column;gap:.75rem}.progress-label{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#fff}.progress-label span:first-child{font-weight:500}.progress-label span:last-child{font-weight:600;color:#8b5cf6}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:4px;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.achievements-card{background:#181828f2;border-radius:16px;padding:1.5rem;border:1px solid rgba(59,130,246,.2);box-shadow:0 8px 32px #0003;backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease}.achievements-card:hover{border-color:#3b82f666;box-shadow:0 12px 40px #0000004d}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem;transition:all .3s ease}.achievement-item{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.achievement-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0003}.achievement-item.unlocked{border-color:#10b981;background:#10b9811a}.achievement-item.locked{opacity:.6;filter:grayscale(.3)}.achievement-icon{margin-bottom:.75rem}.icon-text{font-size:2rem;display:block}.achievement-info{display:flex;flex-direction:column;gap:.25rem}.achievement-name{font-weight:600;color:#fff;font-size:.9rem}.achievement-desc{font-size:.75rem;color:#a1a1aa;line-height:1.3}.join-beta-cta{text-align:center;padding:2rem;background:#6366f11a;border-radius:12px;border:1px solid rgba(99,102,241,.2);margin-top:1.5rem;transition:all .3s ease}.join-beta-cta h3{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:.75rem;background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.join-beta-cta p{color:#a1a1aa;font-size:1rem;line-height:1.5;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.join-beta-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#6366f1,#8b5cf6);color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6366ea4d;position:relative;overflow:hidden}.join-beta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.join-beta-btn:hover:before{left:100%}.join-beta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366ea66}.join-beta-btn:active{transform:translateY(0)}.achievements-card:not(:has(.join-beta-cta)) .achievements-grid{filter:blur(0);transition:filter .3s ease}.achievements-card:has(.join-beta-cta):hover .achievements-grid{filter:blur(2px);transition:filter .3s ease}.achievements-card:has(.join-beta-cta):hover .join-beta-cta{transform:scale(1.02);background:#6366f126;border-color:#6366f166}.achievement-notification{position:fixed;bottom:2rem;right:2rem;background:#181828f2;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:1rem 1.5rem;box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(10px);z-index:1000;max-width:300px}.achievement-emoji{font-size:2rem}.notification-title{font-weight:600;color:#10b981;font-size:.9rem}.notification-desc{color:#fff;font-size:.85rem}@media (max-width: 768px){.gamification-content{grid-template-columns:1fr;gap:1.5rem}.gamification-title{font-size:2.5rem}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.join-beta-cta{padding:1.5rem}.join-beta-cta h3{font-size:1.2rem}.join-beta-cta p{font-size:.9rem}}@media (max-width: 480px){.gamification-container{padding:0 1rem}.gamification-title{font-size:2rem}.achievements-grid{grid-template-columns:repeat(2,1fr)}.achievement-item{padding:.75rem}.icon-text{font-size:1.5rem}.achievement-name{font-size:.8rem}.achievement-desc{font-size:.7rem}}.achievement-item,.leaderboard-item,.join-beta-btn,.cta-primary,.cta-secondary,.btn-primary,.btn-secondary{transition:all .3s cubic-bezier(.4,0,.2,1)}.achievements-card:hover,.leaderboard-card:hover,.progress-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.achievement-item svg,.leaderboard-item svg{transition:transform .3s ease}.achievement-item:hover svg,.leaderboard-item:hover svg{transform:scale(1.1)}.join-beta-btn:hover,.cta-primary:hover,.cta-secondary:hover,.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f14d}.achievement-item.unlocked{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);transition:all .3s ease}.achievement-item.unlocked:hover{background:linear-gradient(135deg,#6366f126,#8b5cf626)}.achievements-card,.leaderboard-card,.progress-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.achievements-card:hover,.leaderboard-card:hover,.progress-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.achievement-item span,.leaderboard-item span{transition:color .3s ease}.join-beta-btn:focus,.cta-primary:focus,.cta-secondary:focus,.btn-primary:focus,.btn-secondary:focus{outline:2px solid rgba(99,102,241,.5);outline-offset:2px}.roadmap-section{padding:6rem 2rem;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;position:relative;overflow:hidden}.roadmap-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.roadmap-container{max-width:1400px;margin:0 auto;position:relative;z-index:10}.roadmap-header{text-align:center;margin-bottom:3rem}.roadmap-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-subtitle{font-size:1.25rem;color:#9ca3af;max-width:600px;margin:0 auto;line-height:1.6}.category-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.category-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:25px;color:#e5e7eb;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.category-btn:hover{background:#ffffff1a;border-color:#fff3}.category-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;box-shadow:0 5px 15px #6366f14d}.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:4rem}.roadmap-item{background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s ease;cursor:pointer}.roadmap-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d;border-color:#fff3}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.item-status{display:flex;align-items:center;gap:.5rem}.status-text{font-size:.875rem;font-weight:500;text-transform:capitalize}.category-tag{background:#6366f133;color:#a5b4fc;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.item-title{font-size:1.25rem;font-weight:600;color:#e5e7eb;margin-bottom:.75rem;line-height:1.4}.item-description{color:#9ca3af;line-height:1.6;margin-bottom:1.5rem}.progress-section{margin-bottom:1.5rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:#9ca3af}.progress-header span:last-child{color:#10b981;font-weight:600}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;box-shadow:0 0 10px #6366f14d}.item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.eta-info{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem}.vote-section{display:flex;align-items:center}.vote-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e5e7eb;font-weight:500;cursor:pointer;transition:all .3s ease}.vote-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.vote-btn.voted{background:#10b98133;border-color:#10b9814d;color:#10b981;cursor:not-allowed}.vote-btn:disabled{opacity:.7;cursor:not-allowed}.community-stats{background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-item{display:flex;align-items:center;gap:1rem}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-number{font-size:1.5rem;font-weight:700;color:#e5e7eb}.stat-label{font-size:.875rem;color:#9ca3af}.vote-notification{position:fixed;top:calc(var(--navbar-height) + 1rem);right:2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 10px 30px #0000004d;z-index:1000;max-width:350px}.notification-content{display:flex;align-items:center;gap:1rem}.notification-text{display:flex;flex-direction:column;gap:.25rem}.notification-title{font-weight:600;font-size:.875rem}.notification-desc{font-size:.75rem;opacity:.9;line-height:1.4}@media (max-width: 1024px){.roadmap-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto 4rem}.roadmap-title{font-size:2.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.roadmap-section{padding:4rem 1rem}.roadmap-title{font-size:2rem}.roadmap-subtitle{font-size:1rem}.category-filter{gap:.5rem}.category-btn{padding:.5rem 1rem;font-size:.875rem}.roadmap-item{padding:1.5rem}.item-footer{flex-direction:column;gap:1rem;align-items:flex-start}.vote-btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr;gap:1.5rem}.vote-notification{top:calc(var(--navbar-height) + .5rem);right:1rem;left:1rem;max-width:none}}@media (max-width: 480px){.roadmap-title{font-size:1.75rem}.roadmap-item{padding:1rem}.item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.item-title{font-size:1.125rem}.stat-item{flex-direction:column;text-align:center;gap:.5rem}}
