@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}}@keyframes logo-glow{0%{text-shadow:0 0 5px rgba(114,137,218,0.5)}50%{text-shadow:0 0 20px #7289da}100%{text-shadow:0 0 5px rgba(114,137,218,0.5)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#2d3748;background-color:#f7f9fc;margin:0;display:flex;flex-direction:column;min-height:100vh;line-height:1.6;overflow-x:hidden;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.alpha-banner{background:linear-gradient(90deg, #ff6b6b 0%, #ffd93d 100%);color:#fff;padding:0.75rem 0;text-align:center;position:relative;z-index:1001}.alpha-banner .alpha-content{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}@media (max-width: 576px){.alpha-banner .alpha-content{flex-direction:column;gap:0.5rem}}.alpha-banner .alpha-badge{background:rgba(255,255,255,0.3);padding:0.25rem 0.75rem;border-radius:12px;font-weight:700;font-size:0.875rem;letter-spacing:0.05em}.alpha-banner .alpha-text{font-weight:500;font-size:0.875rem}.alpha-banner .alpha-link{color:#fff;text-decoration:none;font-weight:600;transition:opacity 0.3s ease}.alpha-banner .alpha-link:hover{opacity:0.8;text-decoration:underline}.alpha-banner .alpha-link i{font-size:0.75rem;margin-left:0.25rem}h1,h2,h3,h4,h5,h6{font-family:"Poppins","Inter",sans-serif;font-weight:600;line-height:1.2;margin:0 0 1rem 0;color:#2d3748}h1{font-size:3.5rem;font-weight:700}@media (max-width: 768px){h1{font-size:2.5rem}}h2{font-size:2.5rem;font-weight:600}@media (max-width: 768px){h2{font-size:2rem}}h3{font-size:1.75rem;font-weight:600}p{margin:0 0 1rem 0;line-height:1.7}a{color:#474bea;text-decoration:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}a:hover{color:#3a3dc7;text-decoration:none}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (max-width: 576px){.container{padding:0 1rem}}.section{padding:5rem 0;opacity:0;transform:translateY(30px);transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),transform 0.8s cubic-bezier(0.4, 0, 0.2, 1)}@media (max-width: 768px){.section{padding:3rem 0}}.section.visible{opacity:1;transform:translateY(0)}.section-header{text-align:center;margin-bottom:4rem}@media (max-width: 768px){.section-header{margin-bottom:3rem}}.section-header h2{margin-bottom:1rem;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{font-size:1.2rem;max-width:700px;margin:0 auto;color:#718096;line-height:1.6}@media (max-width: 768px){.section-header p{font-size:1.1rem}}.text-gradient{background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-muted{color:#718096}.mb-4{margin-bottom:2rem}.mb-3{margin-bottom:1.5rem}.row{display:flex;flex-wrap:wrap;margin:0 -0.75rem}.col-md-6{flex:0 0 50%;max-width:50%;padding:0 0.75rem}@media (max-width: 768px){.col-md-6{flex:0 0 100%;max-width:100%}}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%;padding:0 0.75rem}@media (max-width: 992px){.col-lg-4{flex:0 0 50%;max-width:50%}}@media (max-width: 768px){.col-lg-4{flex:0 0 100%;max-width:100%}}.btn{padding:1rem 2rem;border-radius:16px;text-decoration:none;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:none;cursor:pointer;position:relative;overflow:hidden}.btn.btn-lg{padding:1.25rem 2.5rem;font-size:1.1rem;border-radius:24px}.btn.btn-sm{padding:0.5rem 1rem;font-size:0.875rem;border-radius:12px}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 60px rgba(71,75,234,0.15)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:0.6;cursor:not-allowed;transform:none !important;box-shadow:none !important}.btn-primary{background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);color:#fff;box-shadow:0 6px 20px rgba(71,75,234,0.06)}.btn-primary:hover{background:linear-gradient(135deg, #3a3dc7 0%, #2e30a0 100%);color:#fff}.btn-primary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.2);transition:width 0.6s, height 0.6s, top 0.6s, left 0.6s;transform:translate(-50%, -50%)}.btn-primary:active::before{width:300px;height:300px}.btn-secondary{background:transparent;color:#474bea;border:2px solid #474bea;box-shadow:none}.btn-secondary:hover{background:#474bea;color:#fff;border-color:#474bea}.btn-outline{background:transparent;color:#2d3748;border:2px solid #e2e8f0}.btn-outline:hover{background:#f8f9fa;border-color:#474bea;color:#474bea}.btn-success{background:linear-gradient(135deg, #00d4aa 0%, #00b596 100%);color:#fff}.btn-success:hover{background:linear-gradient(135deg, #00b596 0%, #00826c 100%)}.btn-danger{background:#ff4757;color:#fff}.btn-danger:hover{background:#ff1428}.btn-manage{background:#ff6b6b;color:#fff;padding:0.5rem 1rem;border-radius:12px;font-size:0.9rem;font-weight:600}.btn-manage:hover{background:#ff3838;color:#fff}.btn-connect{background:#474bea;color:#fff;padding:0.5rem 1rem;border-radius:12px;font-size:0.9rem;font-weight:600}.btn-connect:hover{background:#3a3dc7;color:#fff}.btn-group{display:flex;gap:1rem}@media (max-width: 576px){.btn-group{flex-direction:column;gap:0.5rem}}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;padding:0}.btn-icon.btn-icon-sm{width:2.5rem;height:2.5rem}.btn-icon.btn-icon-lg{width:4rem;height:4rem}.custom-card{background:#fff;padding:2rem;border-radius:24px;border:1px solid #edf2f7;box-shadow:0 6px 20px rgba(71,75,234,0.06);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(145deg, #fff 0%, #f8f9fa 100%)}.custom-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);border-radius:24px;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.custom-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(71,75,234,0.15)}.custom-card:hover::before{opacity:1}.integration-card{text-align:center;padding:2rem}.integration-card .integration-logo-container{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);border-radius:50%;padding:2px}.integration-card .integration-logo-container .integration-logo{width:72px;height:72px;border-radius:50%;background:#fff;padding:12px;object-fit:contain}.integration-card h3{font-size:1.5rem;font-weight:600;margin-bottom:0.75rem;color:#2d3748}.integration-card p{color:#718096;font-size:1rem;line-height:1.6;margin-bottom:0}.feature-item{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;text-align:left}.feature-item .feature-icon-container{flex-shrink:0}.feature-item .feature-icon-container .feature-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.feature-item .feature-content{flex:1}.feature-item .feature-content h3{font-size:1.5rem;font-weight:600;margin-bottom:0.75rem;color:#2d3748}.feature-item .feature-content p{color:#718096;font-size:1rem;line-height:1.6;margin-bottom:0}.feature-item:hover .feature-icon{transform:scale(1.1);background:linear-gradient(135deg, #00d4aa 0%, #00b596 100%)}.testimonial-card{text-align:center;padding:2.5rem 2rem}.testimonial-card .testimonial-quote{font-size:1.1rem;font-style:italic;color:#2d3748;margin-bottom:2rem;line-height:1.7}.testimonial-card .testimonial-quote::before,.testimonial-card .testimonial-quote::after{content:'"';color:#474bea;font-size:1.5rem;font-weight:bold}.testimonial-card .testimonial-author{display:flex;align-items:center;justify-content:center;gap:1rem}.testimonial-card .testimonial-author .author-avatar{width:50px;height:50px;border-radius:50%;border:2px solid #474bea}.testimonial-card .testimonial-author .author-info{text-align:left}.testimonial-card .testimonial-author .author-info .author-name{font-weight:600;color:#2d3748;margin-bottom:0.25rem}.testimonial-card .testimonial-author .author-info .author-role{color:#718096;font-size:0.9rem}.stats-card{text-align:center;padding:2rem 1.5rem}.stats-card .stats-number{font-size:3rem;font-weight:700;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:0.5rem}.stats-card .stats-label{color:#718096;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.integration-grid,.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:3rem}@media (max-width: 768px){.integration-grid,.features-grid{grid-template-columns:1fr;gap:1.5rem}}.server-icon{width:24px;height:24px;border-radius:50%;margin-right:0.5rem;vertical-align:middle;border:2px solid #edf2f7}.cta{background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);color:#fff;text-align:center;padding:5rem 0;position:relative;overflow:hidden}.cta::before,.cta::after{content:'';position:absolute;border-radius:50%;filter:blur(80px);opacity:0.4}.cta::before{background:rgba(255,255,255,0.2);width:350px;height:350px;top:-120px;left:-120px;animation:float 6s ease-in-out infinite}.cta::after{background:rgba(255,255,255,0.15);width:450px;height:450px;bottom:-180px;right:-180px;animation:float 8s ease-in-out infinite reverse}.cta .container{position:relative;z-index:1}.cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:white;text-shadow:0 2px 10px rgba(0,0,0,0.3)}@media (max-width: 768px){.cta h2{font-size:2rem}}.cta p{font-size:1.2rem;margin-bottom:2.5rem;color:rgba(255,255,255,0.95);text-shadow:0 1px 5px rgba(0,0,0,0.2);max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.cta p{font-size:1.1rem}}.cta .btn-primary{background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3);color:#fff;font-size:1.1rem;padding:1.2rem 3rem}.cta .btn-primary:hover{background:rgba(255,255,255,0.3);color:#fff;transform:translateY(-2px)}@media (max-width: 576px){.cta .btn-primary{font-size:1rem;padding:1rem 2rem}}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}header{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);padding:1rem 0;border-bottom:1px solid #edf2f7;position:sticky;top:0;z-index:1000;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}header.scrolled{box-shadow:0 6px 20px rgba(71,75,234,0.06);background:rgba(255,255,255,0.98)}header .container{display:flex;justify-content:space-between;align-items:center}header .logo{font-family:"Poppins","Inter",sans-serif;font-size:1.75rem;font-weight:700;color:#474bea;text-decoration:none;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}header .logo:hover{color:#3a3dc7;transform:scale(1.05)}header .logo i{font-size:2rem;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header .nav-links{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){header .nav-links{display:none}}header .nav-links a{text-decoration:none;color:#2d3748;font-weight:500;font-size:1rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;padding:0.5rem 0}header .nav-links a::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(-50%);border-radius:1px}header .nav-links a:hover{color:#474bea}header .nav-links a:hover::after{width:100%}header .nav-dropdown{position:relative}header .nav-dropdown .nav-dropdown-toggle{display:flex;align-items:center;gap:0.5rem;cursor:pointer}header .nav-dropdown .nav-dropdown-toggle i{font-size:0.8rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}header .nav-dropdown .nav-dropdown-toggle:hover i{transform:rotate(180deg)}header .nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}header .nav-dropdown .nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-10px);background:#fff;border:1px solid #edf2f7;border-radius:24px;box-shadow:0 20px 60px rgba(71,75,234,0.15);min-width:280px;padding:1rem 0;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter:blur(20px);z-index:1001}header .nav-dropdown .nav-dropdown-menu a{display:flex;align-items:center;gap:1rem;padding:0.75rem 1.5rem;color:#2d3748;text-decoration:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-bottom:none}header .nav-dropdown .nav-dropdown-menu a::after{display:none}header .nav-dropdown .nav-dropdown-menu a:hover{background:#f7f9fc;color:#474bea}header .nav-dropdown .nav-dropdown-menu a i{font-size:1.2rem;color:#474bea;width:20px;text-align:center}header .nav-dropdown .nav-dropdown-menu a .nav-icon{width:20px;height:20px;border-radius:4px;object-fit:contain}header .nav-dropdown .nav-dropdown-menu a div{flex:1}header .nav-dropdown .nav-dropdown-menu a div strong{display:block;font-weight:600;margin-bottom:0.25rem}header .nav-dropdown .nav-dropdown-menu a div span{font-size:0.85rem;color:#718096}header .nav-buttons{display:flex;align-items:center;gap:1rem}header .nav-buttons .btn{font-size:0.9rem;padding:0.75rem 1.5rem;height:auto;min-height:44px}@media (max-width: 576px){header .nav-buttons .btn{font-size:0.8rem;padding:0.6rem 1rem;min-height:40px}}header .mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:#2d3748;cursor:pointer}@media (max-width: 768px){header .mobile-menu-toggle{display:block}}@keyframes logo-glow{0%,100%{text-shadow:0 0 5px rgba(88,101,242,0.3)}50%{text-shadow:0 0 20px rgba(88,101,242,0.6),0 0 30px rgba(88,101,242,0.4)}}footer{background:#2c2f36;color:#e2e8f0;padding:4rem 0 0}footer .footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;padding-bottom:3rem}footer .footer-logo{font-size:1.5rem;font-weight:700;color:white}footer .footer-logo p{font-size:0.9rem;max-width:250px;margin-top:0.5rem;color:#cbd5e0}footer .footer-links h4{font-size:1.2rem;color:white;margin-bottom:1rem}footer .footer-links a{display:block;color:#cbd5e0;text-decoration:none;margin-bottom:0.5rem;transition:color 0.3s ease}footer .footer-links a:hover{color:white}footer .footer-social a{color:#cbd5e0;font-size:1.5rem;margin-right:1rem;transition:color 0.3s ease}footer .footer-social a:hover{color:#474bea}footer .footer-bottom{border-top:1px solid #4a5568;text-align:center;padding:1.5rem 0;color:#cbd5e0}.hero{position:relative;padding:8rem 0;background:linear-gradient(135deg, #474bea 0%, #ff6b6b 100%);color:#fff;overflow:hidden}.hero::before,.hero::after{content:'';position:absolute;border-radius:50%;filter:blur(120px);opacity:0.15;animation:float 8s ease-in-out infinite}.hero::before{background:rgba(255,255,255,0.2);width:400px;height:400px;top:-150px;left:-150px;animation-delay:0s}.hero::after{background:rgba(255,255,255,0.1);width:600px;height:600px;bottom:-200px;right:-200px;animation-delay:4s}.hero .hero-shapes{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.hero .hero-shapes .shape{position:absolute;opacity:0.1;animation:float 12s ease-in-out infinite}.hero .hero-shapes .shape.shape-1{top:20%;left:10%;width:80px;height:80px;background:rgba(255,255,255,0.2);border-radius:20px;transform:rotate(45deg);animation-delay:0s}.hero .hero-shapes .shape.shape-2{top:60%;right:15%;width:120px;height:120px;border:3px solid rgba(255,255,255,0.3);border-radius:50%;animation-delay:2s}.hero .hero-shapes .shape.shape-3{bottom:20%;left:20%;width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:60px solid rgba(255,255,255,0.2);animation-delay:4s}.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width: 992px){.hero .container{grid-template-columns:1fr;gap:3rem;text-align:center}}@media (max-width: 992px){.hero .hero-content{order:1}}.hero h1{font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1}.hero h1 .gradient-text{background:linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,255,255,0.6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:0.5rem}@media (max-width: 992px){.hero h1{font-size:3.5rem}}@media (max-width: 768px){.hero h1{font-size:2.8rem}}@media (max-width: 576px){.hero h1{font-size:2.2rem}}.hero p{font-size:1.4rem;margin-bottom:3rem;line-height:1.6;opacity:0.9;font-weight:400;max-width:500px}@media (max-width: 992px){.hero p{max-width:600px;margin:0 auto 3rem}}@media (max-width: 768px){.hero p{font-size:1.2rem}}@media (max-width: 576px){.hero p{font-size:1.1rem;margin-bottom:2rem}}.hero .hero-actions{display:flex;align-items:center;gap:2rem}@media (max-width: 992px){.hero .hero-actions{justify-content:center;flex-wrap:wrap}}@media (max-width: 576px){.hero .hero-actions{flex-direction:column;gap:1.5rem}}.hero .btn-hero{font-size:1.2rem;padding:1.4rem 3rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.3);color:#474bea;font-weight:700;box-shadow:0 10px 40px rgba(0,0,0,0.1)}.hero .btn-hero:hover{background:#fff;transform:translateY(-3px);color:#474bea;box-shadow:0 20px 60px rgba(0,0,0,0.15)}@media (max-width: 576px){.hero .btn-hero{font-size:1.1rem;padding:1.2rem 2.5rem}}.hero .hero-stats{display:flex;gap:2rem}@media (max-width: 576px){.hero .hero-stats{gap:1.5rem}}.hero .hero-stats .stat{text-align:center}.hero .hero-stats .stat .stat-number{display:block;font-size:1.8rem;font-weight:700;line-height:1;margin-bottom:0.25rem}.hero .hero-stats .stat .stat-label{font-size:0.9rem;opacity:0.8;text-transform:uppercase;letter-spacing:0.5px;font-weight:500}@media (max-width: 992px){.hero .hero-demo{order:2}}.hero .hero-demo .demo-placeholder{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,0.2);border-radius:24px;padding:3rem;text-align:center;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.hero .hero-demo .demo-placeholder:hover{background:rgba(255,255,255,0.15);transform:translateY(-5px)}.hero .hero-demo .demo-placeholder .placeholder-content i{font-size:4rem;margin-bottom:1rem;opacity:0.7}.hero .hero-demo .demo-placeholder .placeholder-content h4{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.hero .hero-demo .demo-placeholder .placeholder-content p{font-size:0.9rem;opacity:0.8;margin:0;line-height:1.4}.section{padding:6rem 0;position:relative}.section.integrations{background:linear-gradient(180deg, #f7f9fc 0%, #feffff 100%)}.section.conversation-tools{background:#fff}.section.social-proof{background:linear-gradient(135deg, #f7f9fc 0%, #fbfcfd 100%)}.section.target-audience{background:#fff}.section-header{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.section-header .section-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(71,75,234,0.1);color:#474bea;border-radius:50px;font-size:0.85rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:0.5px}.section-header .section-badge i{font-size:1rem}.section-header h2{font-size:3rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;color:#2d3748}.section-header h2 .highlight{background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.section-header h2{font-size:2.5rem}}@media (max-width: 576px){.section-header h2{font-size:2rem}}.section-header .section-description{font-size:1.2rem;color:#718096;line-height:1.6;font-weight:400}@media (max-width: 768px){.section-header .section-description{font-size:1.1rem}}.integrations-showcase{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;margin-top:3rem}@media (max-width: 768px){.integrations-showcase{grid-template-columns:1fr;gap:1.5rem}}.integration-card{background:#fff;border-radius:20px;padding:2rem;border:1px solid #edf2f7;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.integration-card.premium{border:2px solid #474bea}.integration-card.premium .card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);border-radius:20px;z-index:-1;opacity:0.1;filter:blur(10px)}.integration-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(71,75,234,0.15);border-color:#474bea}.integration-card .integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.integration-card .integration-header .integration-logo{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;background:#f7f9fc}.integration-card .integration-header .integration-logo img{width:32px;height:32px;object-fit:contain;display:block}.integration-card .integration-header .integration-badge{background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);color:white;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.3px}.integration-card .integration-content{margin-bottom:2rem}.integration-card .integration-content h3{font-size:1.4rem;font-weight:700;margin-bottom:0.75rem;color:#2d3748}.integration-card .integration-content p{color:#718096;line-height:1.6;margin-bottom:1rem;font-size:0.95rem}.integration-card .integration-content .feature-highlights{display:flex;flex-wrap:wrap;gap:0.5rem}.integration-card .integration-content .feature-highlights .highlight-tag{background:rgba(71,75,234,0.1);color:#474bea;padding:0.25rem 0.75rem;border-radius:16px;font-size:0.8rem;font-weight:600}.integration-card .integration-footer{display:flex;justify-content:space-between;align-items:center}.integration-card .integration-footer .integration-stats{display:flex;align-items:center;gap:0.3rem;color:#ffd93d;font-size:0.85rem;font-weight:600}.integration-card .integration-footer .integration-stats i{font-size:0.8rem}.tools-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:1.5rem;margin-top:3rem}@media (max-width: 992px){.tools-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}}@media (max-width: 768px){.tools-grid{grid-template-columns:1fr;gap:1rem}}.tool-card{background:#fff;border-radius:20px;padding:1.5rem;border:1px solid #edf2f7;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.tool-card.featured{grid-row:span 2;background:linear-gradient(135deg, rgba(71,75,234,0.03), rgba(0,212,170,0.03));border:1px solid rgba(71,75,234,0.1)}@media (max-width: 992px){.tool-card.featured{grid-row:span 1}}.tool-card.featured .tool-features{margin-top:1.5rem}.tool-card.featured .tool-features .feature-item{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}.tool-card.featured .tool-features .feature-item i{color:#00d4aa;font-size:0.9rem;width:16px;text-align:center}.tool-card.featured .tool-features .feature-item span{font-size:0.9rem;color:#718096}.tool-card:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(71,75,234,0.15);border-color:#474bea}.tool-card .tool-icon{margin-bottom:1rem}.tool-card .tool-icon .icon-container{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;position:relative}.tool-card .tool-icon .icon-container .icon-glow{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);border-radius:24px;opacity:0.2;filter:blur(12px);z-index:-1}.tool-card .tool-content h3{font-size:1.2rem;font-weight:700;margin-bottom:0.5rem;color:#2d3748}.tool-card .tool-content p{color:#718096;line-height:1.5;font-size:0.9rem}.tools-cta{text-align:center;margin-top:3rem}.proof-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin-top:3rem}.proof-stat{background:#fff;border-radius:20px;padding:2rem;text-align:center;border:1px solid #edf2f7;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.proof-stat:hover{transform:translateY(-5px);box-shadow:0 10px 40px rgba(71,75,234,0.08)}.proof-stat .stat-icon{width:60px;height:60px;border-radius:50%;background:rgba(71,75,234,0.1);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#474bea;font-size:1.5rem}.proof-stat .stat-content .stat-number{font-size:2.5rem;font-weight:800;color:#2d3748;display:block;line-height:1;margin-bottom:0.5rem}.proof-stat .stat-content .stat-label{color:#718096;font-size:0.95rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.audience-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-top:3rem}@media (max-width: 992px){.audience-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.audience-grid{grid-template-columns:1fr;gap:1rem}}.audience-card{background:#fff;border-radius:20px;padding:2rem;border:1px solid #edf2f7;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;text-align:center}.audience-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(71,75,234,0.15)}.audience-card:hover .audience-icon .icon-bg{transform:scale(1.1)}.audience-card .audience-icon{position:relative;width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.audience-card .audience-icon .icon-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);border-radius:50%;opacity:0.1;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.audience-card .audience-icon i{font-size:1.5rem;color:#474bea;z-index:1}.audience-card .audience-content h3{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem;color:#2d3748}.audience-card .audience-content p{color:#718096;line-height:1.5;margin-bottom:1rem;font-size:0.9rem}.audience-card .audience-content .audience-features{display:flex;flex-wrap:wrap;gap:0.4rem;justify-content:center}.audience-card .audience-content .audience-features span{background:rgba(0,212,170,0.1);color:#00d4aa;padding:0.25rem 0.6rem;border-radius:12px;font-size:0.75rem;font-weight:600}.final-cta{background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);color:#fff;padding:6rem 0;position:relative;overflow:hidden}.final-cta .cta-bg-effects{position:absolute;top:0;left:0;right:0;bottom:0}.final-cta .cta-bg-effects .cta-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,0.1);animation:float 15s ease-in-out infinite}.final-cta .cta-bg-effects .cta-shape.cta-shape-1{width:200px;height:200px;top:-100px;left:-100px;animation-delay:0s}.final-cta .cta-bg-effects .cta-shape.cta-shape-2{width:300px;height:300px;bottom:-150px;right:-150px;animation-delay:5s}.final-cta .cta-bg-effects .cta-shape.cta-shape-3{width:150px;height:150px;top:50%;left:10%;animation-delay:10s}.final-cta .container{position:relative;z-index:2}.final-cta .cta-content{text-align:center;max-width:800px;margin:0 auto}.final-cta .cta-content h2{font-size:3rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}@media (max-width: 768px){.final-cta .cta-content h2{font-size:2.5rem}}@media (max-width: 576px){.final-cta .cta-content h2{font-size:2rem}}.final-cta .cta-content p{font-size:1.3rem;margin-bottom:3rem;opacity:0.9;line-height:1.6}@media (max-width: 768px){.final-cta .cta-content p{font-size:1.2rem}}.final-cta .cta-content .cta-actions{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem}@media (max-width: 576px){.final-cta .cta-content .cta-actions{flex-direction:column;align-items:center}}.final-cta .cta-content .cta-actions .btn-cta{font-size:1.1rem;padding:1.3rem 2.5rem;border-radius:16px;font-weight:700}@media (max-width: 576px){.final-cta .cta-content .cta-actions .btn-cta{width:100%;max-width:300px}}.final-cta .cta-content .cta-actions .btn-primary{background:rgba(255,255,255,0.95);color:#474bea;border:2px solid rgba(255,255,255,0.3)}.final-cta .cta-content .cta-actions .btn-primary:hover{background:white;transform:translateY(-3px);box-shadow:0 10px 40px rgba(0,0,0,0.2)}.final-cta .cta-content .cta-actions .btn-secondary{background:rgba(255,255,255,0.1);color:white;border:2px solid rgba(255,255,255,0.3);backdrop-filter:blur(10px)}.final-cta .cta-content .cta-actions .btn-secondary:hover{background:rgba(255,255,255,0.2);transform:translateY(-3px)}.final-cta .cta-content .cta-guarantee{display:flex;align-items:center;justify-content:center;gap:0.75rem;font-size:0.95rem;opacity:0.8}.final-cta .cta-content .cta-guarantee i{color:#00d4aa;font-size:1.1rem}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@media (max-width: 768px){.hero{padding:6rem 0 4rem}.section{padding:4rem 0}.final-cta{padding:4rem 0}.integrations-showcase{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr}.proof-grid{grid-template-columns:repeat(2, 1fr)}.audience-grid{grid-template-columns:1fr}}@media (max-width: 576px){.proof-grid{grid-template-columns:1fr}}.hero-feature{background:linear-gradient(135deg, #474bea 0%, #00d4aa 100%);color:#fff;padding:6rem 0 4rem;position:relative;overflow:hidden}.hero-feature::before,.hero-feature::after{content:'';position:absolute;border-radius:50%;filter:blur(100px);opacity:0.3}.hero-feature::before{background:rgba(255,255,255,0.2);width:400px;height:400px;top:-150px;left:-150px;animation:float 8s ease-in-out infinite}.hero-feature::after{background:rgba(255,255,255,0.1);width:500px;height:500px;bottom:-200px;right:-200px;animation:float 10s ease-in-out infinite reverse}.hero-feature .container{position:relative;z-index:1}.hero-feature .hero-content{display:flex;align-items:center;gap:4rem}@media (max-width: 992px){.hero-feature .hero-content{flex-direction:column;text-align:center;gap:3rem}}.hero-feature .hero-text{flex:1}.hero-feature .hero-text .hero-badge{display:inline-flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.15);padding:0.75rem 1.5rem;border-radius:50px;font-size:0.9rem;font-weight:600;margin-bottom:2rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}.hero-feature .hero-text .hero-badge .badge-logo{width:24px;height:24px;border-radius:4px}.hero-feature .hero-text h1{font-size:3.5rem;margin-bottom:1.5rem;line-height:1.1;color:white;text-shadow:0 2px 10px rgba(0,0,0,0.2)}@media (max-width: 768px){.hero-feature .hero-text h1{font-size:2.8rem}}@media (max-width: 576px){.hero-feature .hero-text h1{font-size:2.2rem}}.hero-feature .hero-text .hero-subtitle{font-size:1.3rem;margin-bottom:2.5rem;opacity:0.9;line-height:1.6;color:rgba(255,255,255,0.95);text-shadow:0 1px 5px rgba(0,0,0,0.1)}@media (max-width: 768px){.hero-feature .hero-text .hero-subtitle{font-size:1.2rem}}.hero-feature .hero-text .hero-actions{display:flex;gap:1.5rem;margin-bottom:2rem}@media (max-width: 576px){.hero-feature .hero-text .hero-actions{flex-direction:column;align-items:center}}.hero-feature .hero-text .hero-actions .btn{font-size:1.1rem;padding:1.2rem 2.5rem;border-radius:12px;font-weight:600}.hero-feature .hero-text .hero-actions .btn.btn-lg{padding:1.4rem 3rem}.hero-feature .hero-text .hero-actions .btn.btn-primary{background:rgba(255,255,255,0.95);color:#474bea;border:none}.hero-feature .hero-text .hero-actions .btn.btn-primary:hover{background:white;transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.15)}.hero-feature .hero-text .hero-actions .btn.btn-outline{background:rgba(255,255,255,0.1);color:white;border:2px solid rgba(255,255,255,0.3);backdrop-filter:blur(10px)}.hero-feature .hero-text .hero-actions .btn.btn-outline:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px)}.hero-feature .hero-text .hero-stats{display:flex;gap:2rem}@media (max-width: 576px){.hero-feature .hero-text .hero-stats{justify-content:center;gap:1.5rem}}.hero-feature .hero-text .hero-stats .stat-item{text-align:center}.hero-feature .hero-text .hero-stats .stat-item .stat-number{display:block;font-size:1.5rem;font-weight:700;margin-bottom:0.25rem;color:white}.hero-feature .hero-text .hero-stats .stat-item .stat-label{font-size:0.85rem;opacity:0.8;text-transform:uppercase;letter-spacing:0.5px;color:rgba(255,255,255,0.8)}.hero-feature .hero-visual{flex:1;display:flex;justify-content:center}.hero-feature .hero-visual .visual-placeholder{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.8);text-align:center;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.hero-feature .hero-visual .visual-placeholder:hover{background:rgba(255,255,255,0.15);transform:translateY(-5px)}.hero-simple{background:linear-gradient(135deg, #f7f9fc 0%, #feffff 100%);padding:4rem 0 3rem;text-align:center}.hero-simple .hero-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(71,75,234,0.1);color:#474bea;padding:0.5rem 1rem;border-radius:50px;font-size:0.85rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:0.5px}.hero-simple h1{font-size:3rem;margin-bottom:1rem;color:#2d3748}@media (max-width: 768px){.hero-simple h1{font-size:2.5rem}}.hero-simple .hero-subtitle{font-size:1.2rem;color:#718096;max-width:600px;margin:0 auto}.feature-overview,.feature-benefits,.use-cases,.setup-preview,.feature-comparison{padding:5rem 0}@media (max-width: 768px){.feature-overview,.feature-benefits,.use-cases,.setup-preview,.feature-comparison{padding:3rem 0}}.feature-flow{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:3rem}@media (max-width: 768px){.feature-flow{flex-direction:column;gap:2rem}}.feature-flow .flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.feature-flow .flow-step .step-icon{width:80px;height:80px;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2rem;color:white}.feature-flow .flow-step .step-icon .step-logo{width:40px;height:40px;object-fit:contain}.feature-flow .flow-step .step-content h3{font-size:1.3rem;margin-bottom:0.5rem;color:#2d3748}.feature-flow .flow-step .step-content p{color:#718096;font-size:0.95rem}.feature-flow .flow-step .flow-arrow{margin:0 1rem;color:#474bea;font-size:1.5rem}@media (max-width: 768px){.feature-flow .flow-step .flow-arrow{transform:rotate(90deg);margin:1rem 0}}.feature-flow .flow-step:last-child .flow-arrow{display:none}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-top:3rem}.benefit-card{background:#fff;padding:2rem;border-radius:16px;border:1px solid #edf2f7;text-align:center;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(71,75,234,0.15)}.benefit-card .benefit-icon{width:60px;height:60px;background:rgba(71,75,234,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#474bea;font-size:1.5rem}.benefit-card h3{font-size:1.25rem;margin-bottom:1rem;color:#2d3748}.benefit-card p{color:#718096;line-height:1.6;font-size:0.95rem}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:3rem}.use-case-card{background:#fff;padding:2rem;border-radius:16px;border:1px solid #edf2f7;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.use-case-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(71,75,234,0.15)}.use-case-card .use-case-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.use-case-card .use-case-header i{font-size:1.5rem;color:#474bea}.use-case-card .use-case-header h3{font-size:1.25rem;color:#2d3748;margin:0}.use-case-card ul{list-style:none;padding:0;margin:0}.use-case-card ul li{padding:0.5rem 0;color:#718096;position:relative;padding-left:1.5rem}.use-case-card ul li::before{content:'•';color:#474bea;position:absolute;left:0;font-weight:bold}.setup-content{display:flex;align-items:center;gap:4rem}@media (max-width: 992px){.setup-content{flex-direction:column;gap:3rem}}.setup-content .setup-text{flex:1}.setup-content .setup-text h2{font-size:2.5rem;margin-bottom:1rem;color:#2d3748}@media (max-width: 768px){.setup-content .setup-text h2{font-size:2rem}}.setup-content .setup-text>p{font-size:1.1rem;color:#718096;margin-bottom:2rem}.setup-content .setup-visual{flex:1;display:flex;justify-content:center}.setup-steps{margin:2rem 0}.setup-steps .setup-step{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.setup-steps .setup-step .step-number{width:32px;height:32px;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem;flex-shrink:0}.setup-steps .setup-step .step-info h4{font-size:1.1rem;margin-bottom:0.5rem;color:#2d3748}.setup-steps .setup-step .step-info p{color:#718096;margin:0;font-size:0.95rem}.setup-steps .setup-step .step-info p code{background:rgba(71,75,234,0.1);color:#474bea;padding:0.2rem 0.4rem;border-radius:4px;font-size:0.9rem}.setup-actions{display:flex;gap:1rem;margin-top:2rem}@media (max-width: 576px){.setup-actions{flex-direction:column}}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}@media (max-width: 768px){.comparison-grid{grid-template-columns:1fr}}.comparison-card{background:#fff;padding:2rem;border-radius:16px;border:1px solid #edf2f7}.comparison-card.before .comparison-header i{color:#ff4757}.comparison-card.before .comparison-list li::before{color:#ff4757;content:'✗'}.comparison-card.after .comparison-header i{color:#00d4aa}.comparison-card.after .comparison-list li::before{color:#00d4aa;content:'✓'}.comparison-card .comparison-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.comparison-card .comparison-header i{font-size:1.5rem}.comparison-card .comparison-header h3{margin:0;color:#2d3748}.comparison-card .comparison-list{list-style:none;padding:0;margin:0}.comparison-card .comparison-list li{padding:0.75rem 0;color:#718096;position:relative;padding-left:2rem}.comparison-card .comparison-list li::before{position:absolute;left:0;font-weight:bold;font-size:1.1rem}.cta-feature{background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);color:#fff;padding:5rem 0;text-align:center;position:relative;overflow:hidden}.cta-feature::before,.cta-feature::after{content:'';position:absolute;border-radius:50%;filter:blur(80px);opacity:0.3}.cta-feature::before{background:rgba(255,255,255,0.2);width:300px;height:300px;top:-100px;left:-100px;animation:float 6s ease-in-out infinite}.cta-feature::after{background:rgba(255,255,255,0.15);width:400px;height:400px;bottom:-150px;right:-150px;animation:float 8s ease-in-out infinite reverse}.cta-feature .container{position:relative;z-index:1}.cta-feature .cta-content{max-width:800px;margin:0 auto}.cta-feature .cta-content h2{font-size:2.8rem;margin-bottom:1.5rem;color:white;text-shadow:0 2px 10px rgba(0,0,0,0.2)}@media (max-width: 768px){.cta-feature .cta-content h2{font-size:2.2rem}}.cta-feature .cta-content p{font-size:1.2rem;margin-bottom:2.5rem;opacity:0.9;color:rgba(255,255,255,0.95);text-shadow:0 1px 5px rgba(0,0,0,0.1)}.cta-feature .cta-buttons{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem}@media (max-width: 576px){.cta-feature .cta-buttons{flex-direction:column;align-items:center}}.cta-feature .cta-note{font-size:0.9rem;opacity:0.8;margin:0;color:rgba(255,255,255,0.8)}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}#how-to{background-color:#f5f7fa}.how-to-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start}.how-to-nav{position:sticky;top:120px}.how-to-nav ul{list-style:none;padding:0;margin:0}.how-to-nav li a{display:block;padding:0.8rem 1.5rem;text-decoration:none;color:#2d3748;font-weight:500;border-radius:8px;transition:background-color 0.3s ease, color 0.3s ease}.how-to-nav li a:hover,.how-to-nav li a.active{background-color:#474bea;color:white}.how-to-content .feature-doc{margin-bottom:4rem;opacity:0;transform:translateY(20px);transition:opacity 0.5s ease, transform 0.5s ease}.how-to-content .feature-doc.visible{opacity:1;transform:translateY(0)}.how-to-content h3{font-size:2.5rem;margin-bottom:1.5rem;padding-top:120px;margin-top:-120px}.how-to-content p{font-size:1.1rem;margin-bottom:1rem}.how-to-content code{background-color:#e3e5e8;padding:0.2rem 0.5rem;border-radius:4px;font-family:'Courier New', Courier, monospace}.how-to-content ul{list-style:disc;padding-left:1.5rem}.dashboard-container{padding-top:2rem;padding-bottom:4rem}.dashboard-header{text-align:center;margin-bottom:2.5rem;display:none}.dashboard-header h1{font-size:2.5rem;font-weight:700;color:#474bea}.dashboard-header .username{color:#718096;font-size:1.1rem}.dashboard-grid{display:grid;grid-template-columns:300px 1fr;gap:2rem}@media (max-width: 992px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-sidebar{display:flex;flex-direction:column;gap:2rem}.dashboard-main{min-width:0}.dashboard-card{background-color:#f7fafc;border-radius:12px;padding:1.75rem;box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid #e2e8f0;transition:all 0.3s ease}.dashboard-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.08);transform:translateY(-2px)}.user-profile-card{text-align:center}.user-profile-card .avatar{width:100px;height:100px;border-radius:50%;margin-bottom:1rem;border:4px solid #474bea;box-shadow:0 0 15px rgba(71,75,234,0.4)}.user-profile-card h2{font-size:1.5rem;font-weight:600;margin-bottom:0.25rem}.user-profile-card .username{color:#718096;font-size:1rem}.server-selection-card .form-label{font-weight:600;font-size:1.1rem;margin-bottom:1rem}.no-servers-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;background-color:#f7fafc}.no-servers-card i{color:#474bea;opacity:0.6}.no-servers-card h3{margin-top:1.5rem;font-weight:600}.no-servers-card p{max-width:80%;color:#718096}.settings-card .nav-pills{border-bottom:1px solid #e2e8f0;padding-bottom:1rem;margin-bottom:1.5rem}.settings-card .nav-pills .nav-item{margin-right:0.5rem}.settings-card .nav-pills .nav-link{display:flex;align-items:center;gap:0.5rem;font-weight:500;color:#718096;border-radius:8px;padding:0.75rem 1.25rem;transition:all 0.3s ease}.settings-card .nav-pills .nav-link.active{background-color:#474bea;color:#fff;box-shadow:0 4px 10px rgba(71,75,234,0.3)}.settings-card .nav-pills .nav-link:not(.active):hover{background-color:#e4eef5;color:#474bea}.settings-card .nav-pills .nav-link i{font-size:1rem}.settings-card .accordion-item{background-color:transparent;border:none;border-bottom:1px solid #e2e8f0}.settings-card .accordion-item:last-child{border-bottom:none}.settings-card .accordion-header button{background-color:transparent;color:#4a5568;font-weight:600;font-size:1.1rem;padding:1.5rem 0;width:100%;text-align:left;border:none;box-shadow:none}.settings-card .accordion-header button:not(.collapsed){color:#474bea}.settings-card .accordion-header button::after{filter:grayscale(1) brightness(1.5)}.settings-card .accordion-collapse .accordion-body{padding:0 0 1.5rem 0;color:#718096}.settings-card .accordion-collapse .accordion-body p{margin-bottom:1.25rem}.custom-select-wrapper{position:relative}.custom-select-wrapper .form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem;background-image:none}.custom-select-wrapper::after{content:'\f078';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;top:50%;right:1rem;transform:translateY(-50%);pointer-events:none;color:#718096}.legal-content{max-width:800px;margin:4rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(71,75,234,0.08)}.legal-content h1{font-size:2.5rem;margin-bottom:1rem;color:#474bea}.legal-content h2{font-size:1.75rem;margin-top:3rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:0.5rem}.legal-content p,.legal-content li{font-size:1rem;line-height:1.8;color:#444}.legal-content ul{padding-left:1.5rem}.legal-content strong{color:#2d3748}.legal-content .text-muted{font-size:0.9rem;color:#777;margin-bottom:2rem}.auth-container{max-width:600px;margin:6rem auto;padding:3rem;background:#fff;border-radius:24px;box-shadow:0 10px 40px rgba(71,75,234,0.08);text-align:center;animation:fadeInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid #edf2f7}@media (max-width: 576px){.auth-container{margin:3rem auto;padding:2rem}}.auth-icon{font-size:4rem;margin-bottom:1.5rem;display:inline-block}.auth-icon.success{color:#00d4aa;background:linear-gradient(135deg, #00d4aa 0%, #00b596 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-icon.error{color:#ff4757}.auth-icon.warning{color:#ffd93d}.auth-container h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#2d3748}@media (max-width: 576px){.auth-container h1{font-size:2rem}}.auth-container p{font-size:1.1rem;margin-bottom:2rem;color:#718096;line-height:1.6}@media (max-width: 576px){.auth-container p{font-size:1rem}}.auth-container .btn{margin-top:1rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-simple{background:linear-gradient(135deg, #474bea 0%, #00d4aa 50%, #ff6b6b 100%);padding:4rem 0 2rem;position:relative;overflow:hidden}.hero-simple::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%, rgba(255,255,255,0.1) 0%, transparent 50%),radial-gradient(circle at 70% 80%, rgba(255,255,255,0.05) 0%, transparent 50%);pointer-events:none}.hero-simple .hero-content{position:relative;z-index:2}.hero-simple .hero-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:0.5rem 1rem;border-radius:2rem;color:white;font-size:0.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,0.2)}.hero-simple h1{color:white;font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,0.1)}@media (max-width: 768px){.hero-simple h1{font-size:2.5rem}}.hero-simple .hero-subtitle{color:rgba(255,255,255,0.9);font-size:1.25rem;margin-bottom:0;text-shadow:0 2px 10px rgba(0,0,0,0.1)}.faq-section{padding:4rem 0;background:linear-gradient(180deg, #f8fafc 0%, #fff 100%)}.faq-grid{display:grid;grid-template-columns:250px 1fr;gap:3rem;max-width:1200px;margin:0 auto}@media (max-width: 992px){.faq-grid{grid-template-columns:1fr;gap:2rem}}.faq-categories h3{font-size:1.125rem;font-weight:700;color:#2d3748;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #474bea}.faq-categories ul{list-style:none;padding:0;margin:0}.faq-categories li{margin-bottom:0.25rem}.faq-categories a{display:block;padding:0.75rem 1rem;color:#718096;text-decoration:none;border-radius:12px;font-weight:500;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-left:3px solid transparent}.faq-categories a:hover{background:rgba(71,75,234,0.05);color:#474bea;transform:translateX(2px)}.faq-categories a.active{background:rgba(71,75,234,0.1);color:#474bea;border-left-color:#474bea;font-weight:600}@media (max-width: 992px){.faq-categories h3{display:none}.faq-categories ul{display:flex;flex-wrap:wrap;gap:0.5rem}.faq-categories a{border-radius:2rem;border-left:none;border:2px solid transparent}.faq-categories a.active{border-color:#474bea;border-left-color:#474bea}}.faq-content{background:white;border-radius:24px;box-shadow:0 6px 20px rgba(71,75,234,0.06);overflow:hidden}.faq-category{display:none;padding:2rem}.faq-category.active{display:block}.faq-category h2{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #edf2f7;position:relative}.faq-category h2::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%)}.faq-item{border:1px solid #edf2f7;border-radius:16px;margin-bottom:1rem;overflow:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);background:white}.faq-item:hover{box-shadow:0 20px 60px rgba(71,75,234,0.15);border-color:rgba(71,75,234,0.2)}.faq-item.active{border-color:#474bea;box-shadow:0 8px 30px rgba(71,75,234,0.1)}.faq-item.active .faq-question{background:rgba(71,75,234,0.05);color:#474bea}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-item.active .faq-answer{max-height:500px;opacity:1;padding:1.5rem}.faq-question{width:100%;background:none;border:none;padding:1.5rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.125rem;font-weight:600;color:#2d3748;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.faq-question:hover{background:rgba(71,75,234,0.02)}.faq-question i{color:#474bea;transition:transform 0.3s ease;font-size:1rem}.faq-answer{max-height:0;opacity:0;overflow:hidden;padding:0 1.5rem;transition:all 0.3s ease;background:rgba(247,249,252,0.3)}.faq-answer p{margin-bottom:1rem;line-height:1.7;color:#718096}.faq-answer p:last-child{margin-bottom:0}.faq-answer code{background:rgba(71,75,234,0.1);color:#474bea;padding:0.2rem 0.4rem;border-radius:4px;font-family:'Monaco', 'Menlo', monospace;font-size:0.875rem}.cta-simple{background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);color:white;text-align:center;position:relative;overflow:hidden}.cta-simple::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),radial-gradient(circle at 80% 50%, rgba(255,255,255,0.05) 0%, transparent 50%);pointer-events:none}.cta-simple .container{position:relative;z-index:2}.cta-simple h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,0.1)}@media (max-width: 768px){.cta-simple h2{font-size:2rem}}.cta-simple p{font-size:1.25rem;margin-bottom:2rem;opacity:0.95}.cta-simple .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-simple .cta-buttons .btn{padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:16px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.cta-simple .cta-buttons .btn.btn-primary{background:white;color:#474bea;border:2px solid white}.cta-simple .cta-buttons .btn.btn-primary:hover{background:transparent;color:white;transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.cta-simple .cta-buttons .btn.btn-outline{background:transparent;color:white;border:2px solid rgba(255,255,255,0.7)}.cta-simple .cta-buttons .btn.btn-outline:hover{background:white;color:#474bea;border-color:white;transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.contact-section{padding:4rem 0;background:linear-gradient(180deg, #f8fafc 0%, #fff 100%)}.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:4rem}@media (max-width: 992px){.contact-grid{grid-template-columns:1fr;gap:2rem}}.contact-card{background:white;border-radius:24px;padding:2.5rem;box-shadow:0 6px 20px rgba(71,75,234,0.06);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.contact-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%)}.contact-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(71,75,234,0.15)}.contact-card.primary-support::before{background:linear-gradient(135deg, #5865f2 0%, #7289da 100%)}.contact-card.secondary-support::before{background:linear-gradient(135deg, #00d4aa 0%, #00b596 100%)}.contact-card .contact-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative}.contact-card .contact-header .contact-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;flex-shrink:0}.contact-card .contact-header .contact-icon.discord-icon{background:linear-gradient(135deg, #5865f2 0%, #7289da 100%)}.contact-card .contact-header .contact-icon.email-icon{background:linear-gradient(135deg, #00d4aa 0%, #00b596 100%)}.contact-card .contact-header h2{font-size:1.75rem;font-weight:700;color:#2d3748;margin:0}.contact-card .contact-header .priority-badge{position:absolute;top:-0.5rem;right:0;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);color:white;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.contact-card .contact-content{margin-bottom:2rem}.contact-card .contact-content p{color:#718096;line-height:1.7;margin-bottom:1.5rem}.contact-card .contact-action .btn{width:100%;padding:1rem;font-size:1.125rem;font-weight:600;border-radius:16px;margin-bottom:1rem}.contact-card .contact-action .contact-note{color:#718096;font-size:0.875rem;text-align:center;margin:0}.discord-benefits{margin:1.5rem 0}.discord-benefits .benefit-item{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;padding:0.5rem 0;color:#718096}.discord-benefits .benefit-item i{color:#474bea;width:20px;text-align:center}.discord-benefits .benefit-item:last-child{margin-bottom:0}.discord-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin:2rem 0;padding:1.5rem;background:rgba(71,75,234,0.05);border-radius:16px;border:1px solid rgba(71,75,234,0.1)}.discord-stats .stat-item{text-align:center}.discord-stats .stat-item .stat-number{font-size:1.5rem;font-weight:800;color:#474bea;display:block}.discord-stats .stat-item .stat-label{font-size:0.875rem;color:#718096;margin-top:0.25rem}@media (max-width: 576px){.discord-stats{grid-template-columns:1fr;gap:0.75rem}}.email-info{text-align:center;padding:1.5rem;background:rgba(0,212,170,0.05);border-radius:16px;border:1px solid rgba(0,212,170,0.1);margin:1.5rem 0}.email-info .email-address{font-size:1.25rem;font-weight:700;color:#00d4aa;margin-bottom:0.5rem}.email-info .response-time{color:#718096;font-size:0.875rem;display:flex;align-items:center;justify-content:center;gap:0.5rem}.email-info .response-time i{color:#00d4aa}.email-tips{margin-top:1.5rem}.email-tips h4{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:0.75rem}.email-tips ul{list-style:none;padding:0;margin:0}.email-tips ul li{padding:0.25rem 0;color:#718096;position:relative;padding-left:1.5rem}.email-tips ul li::before{content:'•';color:#00d4aa;position:absolute;left:0;font-weight:bold}.support-categories{margin:4rem 0}.support-categories h2{font-size:2.25rem;font-weight:800;color:#2d3748;margin-bottom:3rem}.support-categories .categories-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}.support-categories .category-card{background:white;border-radius:16px;padding:2rem;box-shadow:0 6px 20px rgba(71,75,234,0.06);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid #edf2f7}.support-categories .category-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(71,75,234,0.15);border-color:rgba(71,75,234,0.2)}.support-categories .category-card .category-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.support-categories .category-card .category-icon i{color:white;font-size:1.25rem}.support-categories .category-card h3{font-size:1.25rem;font-weight:700;color:#2d3748;margin-bottom:0.5rem}.support-categories .category-card p{color:#718096;line-height:1.6;margin-bottom:1rem}.support-categories .category-card .category-link{color:#474bea;text-decoration:none;font-weight:600;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.support-categories .category-card .category-link:hover{color:#3a3dc7;text-decoration:underline}.quick-resources h2{font-size:2.25rem;font-weight:800;color:#2d3748;margin-bottom:3rem}.quick-resources .resources-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem}.quick-resources .resource-item{display:flex;align-items:center;gap:1rem;background:white;border-radius:16px;padding:1.5rem;text-decoration:none;box-shadow:0 6px 20px rgba(71,75,234,0.06);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid #edf2f7}.quick-resources .resource-item:hover{transform:translateY(-2px);box-shadow:0 20px 60px rgba(71,75,234,0.15);border-color:rgba(71,75,234,0.2);text-decoration:none}.quick-resources .resource-item .resource-icon{width:40px;height:40px;border-radius:50%;background:rgba(71,75,234,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-resources .resource-item .resource-icon i{color:#474bea;font-size:1rem}.quick-resources .resource-item .resource-content{flex:1}.quick-resources .resource-item .resource-content h4{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:0.25rem}.quick-resources .resource-item .resource-content p{color:#718096;font-size:0.875rem;margin:0}.quick-resources .resource-item>i{color:#718096;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.quick-resources .resource-item:hover>i{color:#474bea;transform:translateX(2px)}.emergency-contact{background:linear-gradient(135deg, rgba(255,71,87,0.05) 0%, rgba(255,217,61,0.05) 100%);border-top:1px solid rgba(255,71,87,0.1)}.emergency-contact .emergency-card{background:white;border-radius:24px;padding:2.5rem;box-shadow:0 6px 20px rgba(71,75,234,0.06);border-left:4px solid #ff4757;max-width:800px;margin:0 auto}.emergency-contact .emergency-card .emergency-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.emergency-contact .emergency-card .emergency-header i{color:#ff4757;font-size:1.5rem}.emergency-contact .emergency-card .emergency-header h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0}.emergency-contact .emergency-card p{color:#718096;line-height:1.7;margin-bottom:2rem}.emergency-contact .emergency-card .emergency-actions{display:flex;gap:1rem;flex-wrap:wrap}.emergency-contact .emergency-card .emergency-actions .btn{padding:0.75rem 1.5rem;font-weight:600;border-radius:16px}.emergency-contact .emergency-card .emergency-actions .btn-danger{background:#ff4757;color:white;border:2px solid #ff4757}.emergency-contact .emergency-card .emergency-actions .btn-danger:hover{background:#ff1428;border-color:#ff1428;transform:translateY(-2px)}.emergency-contact .emergency-card .emergency-actions .btn-outline-danger{background:transparent;color:#ff4757;border:2px solid #ff4757}.emergency-contact .emergency-card .emergency-actions .btn-outline-danger:hover{background:#ff4757;color:white;transform:translateY(-2px)}.docs-section{padding:4rem 0;background:linear-gradient(180deg, #f8fafc 0%, #fff 100%)}.docs-quick-start{margin-bottom:4rem}.docs-quick-start .quick-start-card{background:white;border-radius:24px;padding:3rem;box-shadow:0 6px 20px rgba(71,75,234,0.06);text-align:center;position:relative;overflow:hidden}.docs-quick-start .quick-start-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%)}.docs-quick-start .quick-start-card h2{font-size:2rem;font-weight:800;color:#2d3748;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:0.75rem}.docs-quick-start .quick-start-card h2 i{color:#474bea}.docs-quick-start .quick-start-card>p{color:#718096;font-size:1.125rem;margin-bottom:2.5rem}.docs-quick-start .quick-start-card .btn{padding:1rem 2rem;font-size:1.125rem;font-weight:600;margin-top:2rem}.docs-quick-start .quick-steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.docs-quick-start .quick-steps{grid-template-columns:1fr;gap:1.5rem}}.docs-quick-start .quick-steps .step{display:flex;align-items:flex-start;gap:1rem;text-align:left}@media (max-width: 768px){.docs-quick-start .quick-steps .step{align-items:center;text-align:center}}.docs-quick-start .quick-steps .step .step-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;flex-shrink:0}.docs-quick-start .quick-steps .step .step-content h4{font-size:1.125rem;font-weight:700;color:#2d3748;margin-bottom:0.5rem}.docs-quick-start .quick-steps .step .step-content p{color:#718096;margin:0;line-height:1.6}.docs-quick-start .quick-steps .step .step-content code{background:rgba(71,75,234,0.1);color:#474bea;padding:0.2rem 0.4rem;border-radius:4px;font-family:'Monaco', 'Menlo', monospace;font-size:0.875rem}.docs-grid{margin-bottom:4rem}.docs-grid .docs-section-title{font-size:2.5rem;font-weight:800;color:#2d3748;margin-bottom:3rem;text-align:center;position:relative}.docs-grid .docs-section-title::after{content:'';position:absolute;bottom:-0.75rem;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);border-radius:2px}.docs-grid .docs-category{background:white;border-radius:24px;box-shadow:0 6px 20px rgba(71,75,234,0.06);overflow:hidden;margin-bottom:2rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.docs-grid .docs-category:hover{transform:translateY(-2px);box-shadow:0 20px 60px rgba(71,75,234,0.15)}.docs-grid .docs-category .category-header{padding:2rem;background:linear-gradient(135deg, rgba(71,75,234,0.05) 0%, rgba(0,212,170,0.02) 100%);border-bottom:1px solid #edf2f7;display:flex;align-items:center;gap:1rem}.docs-grid .docs-category .category-header .category-logo{width:48px;height:48px;border-radius:12px;flex-shrink:0}.docs-grid .docs-category .category-header .category-icon-group{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.docs-grid .docs-category .category-header .category-icon-group i{color:white;font-size:1.5rem}.docs-grid .docs-category .category-header .category-icon-group.safe-space{background:linear-gradient(135deg, #ff6b6b 0%, #ff3838 100%)}.docs-grid .docs-category .category-header h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 0.25rem 0}.docs-grid .docs-category .category-header p{color:#718096;margin:0;line-height:1.5}.docs-grid .docs-category .docs-links{padding:1rem;display:grid;gap:0.5rem}.docs-grid .docs-category .doc-link{display:flex;align-items:center;gap:1rem;padding:1rem;text-decoration:none;border-radius:16px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid transparent}.docs-grid .docs-category .doc-link:hover{background:rgba(71,75,234,0.03);border-color:rgba(71,75,234,0.1);transform:translateX(4px);text-decoration:none}.docs-grid .docs-category .doc-link .doc-icon{width:40px;height:40px;border-radius:50%;background:rgba(71,75,234,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.docs-grid .docs-category .doc-link .doc-icon i{color:#474bea;font-size:1rem}.docs-grid .docs-category .doc-link .doc-content{flex:1}.docs-grid .docs-category .doc-link .doc-content h4{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:0.25rem}.docs-grid .docs-category .doc-link .doc-content p{color:#718096;font-size:0.875rem;margin:0 0 0.5rem 0;line-height:1.5}.docs-grid .docs-category .doc-link .doc-content .doc-badge{display:inline-block;padding:0.125rem 0.5rem;border-radius:1rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.docs-grid .docs-category .doc-link .doc-content .doc-badge.user{background:rgba(0,212,170,0.1);color:#00d4aa}.docs-grid .docs-category .doc-link .doc-content .doc-badge.admin{background:rgba(255,107,107,0.1);color:#ff6b6b}.docs-grid .docs-category .doc-link>i{color:#718096;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.docs-grid .docs-category .doc-link:hover>i{color:#474bea;transform:translateX(2px)}.docs-advanced{margin-bottom:4rem}.docs-advanced .advanced-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.docs-advanced .advanced-card{background:white;border-radius:24px;padding:2rem;box-shadow:0 6px 20px rgba(71,75,234,0.06);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid #edf2f7}.docs-advanced .advanced-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(71,75,234,0.15);border-color:rgba(71,75,234,0.2)}.docs-advanced .advanced-card .advanced-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.docs-advanced .advanced-card .advanced-header i{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem}.docs-advanced .advanced-card .advanced-header h3{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0}.docs-advanced .advanced-card p{color:#718096;line-height:1.6;margin-bottom:1.5rem}.docs-advanced .advanced-card .btn{padding:0.75rem 1.5rem;font-weight:600}.docs-community .community-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem}.docs-community .community-item{display:flex;align-items:center;gap:1rem;background:white;border-radius:16px;padding:1.5rem;text-decoration:none;box-shadow:0 6px 20px rgba(71,75,234,0.06);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid #edf2f7}.docs-community .community-item:hover{transform:translateY(-2px);box-shadow:0 20px 60px rgba(71,75,234,0.15);border-color:rgba(71,75,234,0.2);text-decoration:none}.docs-community .community-item .community-icon{width:40px;height:40px;border-radius:50%;background:rgba(71,75,234,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.docs-community .community-item .community-icon i{color:#474bea;font-size:1rem}.docs-community .community-item .community-content h4{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:0.25rem}.docs-community .community-item .community-content p{color:#718096;font-size:0.875rem;margin:0;line-height:1.4}.docs-hero{background:linear-gradient(135deg, #474bea 0%, #00d4aa 50%, #ff6b6b 100%);padding:2rem 0;position:relative;overflow:hidden}.docs-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%, rgba(255,255,255,0.1) 0%, transparent 50%);pointer-events:none}.docs-hero .docs-breadcrumb{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem;font-size:0.875rem;position:relative;z-index:2}.docs-hero .docs-breadcrumb a{color:rgba(255,255,255,0.8);text-decoration:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.docs-hero .docs-breadcrumb a:hover{color:white}.docs-hero .docs-breadcrumb span{color:rgba(255,255,255,0.6)}.docs-hero .docs-breadcrumb span:last-child{color:white;font-weight:600}.docs-hero .docs-header{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:2}@media (max-width: 768px){.docs-hero .docs-header{flex-direction:column;text-align:center}}.docs-hero .docs-header .docs-icon{width:80px;height:80px;border-radius:16px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,0.2)}.docs-hero .docs-header .docs-icon img{width:48px;height:48px;border-radius:6px}.docs-hero .docs-header .docs-title h1{font-size:2.5rem;font-weight:800;color:white;margin-bottom:0.5rem;text-shadow:0 4px 20px rgba(0,0,0,0.1)}@media (max-width: 768px){.docs-hero .docs-header .docs-title h1{font-size:2rem}}.docs-hero .docs-header .docs-title p{color:rgba(255,255,255,0.9);font-size:1.125rem;margin:0;text-shadow:0 2px 10px rgba(0,0,0,0.1)}.docs-content{padding:3rem 0;background:white}.docs-layout{display:grid;grid-template-columns:250px 1fr;gap:3rem;max-width:1200px;margin:0 auto}@media (max-width: 992px){.docs-layout{grid-template-columns:1fr;gap:2rem}}@media (max-width: 992px){.docs-sidebar{order:2;margin-top:2rem;padding-top:2rem;border-top:2px solid #edf2f7}}.docs-sidebar .docs-nav{position:sticky;top:2rem;list-style:none;padding:0;margin:0}@media (max-width: 992px){.docs-sidebar .docs-nav{position:static;display:flex;flex-wrap:wrap;gap:0.5rem}}.docs-sidebar .docs-nav li{margin-bottom:0.25rem}@media (max-width: 992px){.docs-sidebar .docs-nav li{margin-bottom:0}}.docs-sidebar .docs-nav a{display:block;padding:0.75rem 1rem;color:#718096;text-decoration:none;border-radius:12px;font-weight:500;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-left:3px solid transparent}@media (max-width: 992px){.docs-sidebar .docs-nav a{border-left:none;border-radius:2rem;border:2px solid transparent}}.docs-sidebar .docs-nav a:hover{background:rgba(71,75,234,0.05);color:#474bea;transform:translateX(2px)}@media (max-width: 992px){.docs-sidebar .docs-nav a:hover{transform:none}}.docs-sidebar .docs-nav a.active{background:rgba(71,75,234,0.1);color:#474bea;border-left-color:#474bea;font-weight:600}@media (max-width: 992px){.docs-sidebar .docs-nav a.active{border-color:#474bea;border-left-color:#474bea}}@media (max-width: 992px){.docs-main{order:1}}.docs-main .docs-section{margin-bottom:3rem;padding:0;background:none}.docs-main .docs-section:last-child{margin-bottom:0}.docs-main .docs-section h2{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:2px solid #edf2f7;position:relative}.docs-main .docs-section h2::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%)}.docs-main .docs-section h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin:2rem 0 1rem 0}.docs-main .docs-section p{color:#718096;line-height:1.7;margin-bottom:1.5rem}.docs-main .docs-section ul,.docs-main .docs-section ol{color:#718096;line-height:1.7;margin-bottom:1.5rem;padding-left:1.5rem}.docs-main .docs-section ul li,.docs-main .docs-section ol li{margin-bottom:0.5rem}.docs-main .docs-section ul li:last-child,.docs-main .docs-section ol li:last-child{margin-bottom:0}.docs-main .docs-section code{background:rgba(71,75,234,0.1);color:#474bea;padding:0.2rem 0.4rem;border-radius:4px;font-family:'Monaco', 'Menlo', monospace;font-size:0.875rem}.docs-alert{padding:1rem 1.5rem;border-radius:16px;margin:1.5rem 0;display:flex;align-items:flex-start;gap:1rem}.docs-alert.info{background:rgba(71,75,234,0.05);border-left:4px solid #474bea}.docs-alert.info i{color:#474bea;margin-top:0.25rem}.docs-alert.warning{background:rgba(255,217,61,0.05);border-left:4px solid #ffd93d}.docs-alert.warning i{color:#ffd93d;margin-top:0.25rem}.docs-alert.help{background:rgba(0,212,170,0.05);border-left:4px solid #00d4aa}.docs-alert.help i{color:#00d4aa;margin-top:0.25rem}.docs-alert div{flex:1}.docs-alert div strong{display:block;font-weight:600;color:#2d3748;margin-bottom:0.5rem}.docs-alert div p{margin:0;line-height:1.6}.docs-step{display:flex;align-items:flex-start;gap:1.5rem;margin:2rem 0;padding:1.5rem;background:rgba(247,249,252,0.5);border-radius:16px;border:1px solid #edf2f7}.docs-step .step-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #474bea 0%, #3a3dc7 100%);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;flex-shrink:0}.docs-step .step-content{flex:1}.docs-step .step-content h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0 0 0.5rem 0}.docs-step .step-content p{color:#718096;margin-bottom:1rem;line-height:1.6}.docs-step .step-content .code-block{background:rgba(45,55,72,0.05);border:1px solid #edf2f7;border-radius:12px;padding:1rem;margin:1rem 0}.docs-step .step-content .code-block code{background:none;color:#2d3748;font-family:'Monaco', 'Menlo', monospace;font-size:0.875rem}.command-list{margin:2rem 0}.command-list .command-item{margin-bottom:2rem;padding:1.5rem;background:white;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.command-list .command-item:last-child{margin-bottom:0}.command-list .command-item .command-syntax{margin-bottom:1rem}.command-list .command-item .command-syntax code{background:rgba(45,55,72,0.05);color:#2d3748;padding:0.75rem 1rem;border-radius:12px;font-family:'Monaco', 'Menlo', monospace;font-size:1rem;display:inline-block;font-weight:600}.command-list .command-item .command-description p{color:#718096;line-height:1.6;margin:0}.troubleshooting-item{margin-bottom:2.5rem;padding:2rem;background:white;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.troubleshooting-item:last-child{margin-bottom:0}.troubleshooting-item h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0 0 1rem 0}.troubleshooting-item p{color:#718096;line-height:1.6;margin-bottom:1rem}.troubleshooting-item p strong{color:#2d3748;font-weight:600}.troubleshooting-item ul{color:#718096;line-height:1.6;margin:0;padding-left:1.5rem}.troubleshooting-item ul li{margin-bottom:0.5rem}.troubleshooting-item ul li:last-child{margin-bottom:0}