.glass{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}
@keyframes floating {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-20px)}
}
@keyframes fade-in-up {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes scale-in {
from{opacity:0;transform:scale(0.9)}
to{opacity:1;transform:scale(1)}
}
@keyframes slide-in-left {
from{opacity:0;transform:translateX(-50px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes slide-in-right {
from{opacity:0;transform:translateX(50px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes glow-pulse {
0%,100%{box-shadow:0 0 20px hsl(262,90%,65%,0.3)}
50%{box-shadow:0 0 40px hsl(262,90%,65%,0.6),0 0 60px hsl(180,100%,60%,0.3)}
}
@keyframes rotate-slow {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.floating{animation:floating 6s ease-in-out infinite}
.animate{animation:fade-in-up .6s ease-out}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:9999px;padding:.5rem 1rem;margin-bottom:2rem;font-size:.875rem;font-weight:500}
.badge-icon{width:1rem;height:1rem;color:var(--accent)}
.section-description.large{font-size:1.5rem;max-width:64rem}
.bg-element{position:absolute;border-radius:50%;filter:blur(80px);animation:floating 6s ease-in-out infinite}
.bg-element-1{top:2.5rem;right:2.5rem;width:6rem;height:6rem;background:hsl(180,100%,60%,0.1);animation-delay:1s}
.bg-element-2{bottom:5rem;left:2.5rem;width:8rem;height:8rem;background:hsl(262,90%,65%,0.1);animation-delay:3s}
.bg-element-3{top:2.5rem;left:2.5rem;width:6rem;height:6rem;background:hsl(180,100%,60%,0.05);animation-delay:1s}
.bg-element-4{bottom:5rem;right:2.5rem;width:8rem;height:8rem;background:hsl(262,90%,65%,0.05);animation-delay:3s}
.bg-element-5{top:5rem;left:5rem;width:5rem;height:5rem;background:hsl(262,90%,65%,0.05);animation-delay:0s}
.bg-element-6{bottom:2.5rem;right:5rem;width:7rem;height:7rem;background:hsl(180,100%,60%,0.05);animation-delay:2s}
.why-megamax{padding:5rem 1.5rem;position:relative;background:#000}
.reasons-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:0}
.reason-card{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2rem;text-align:center;transition:all .3s;opacity:1;transform:translateY(30px)}
.reason-card.animate{opacity:1;transform:translateY(0);animation:fade-in-up .6s ease-out}
.reason-icon{width:4rem;height:4rem;background:#ea580c;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:transform .3s}
.reason-icon .material-symbols-outlined{font-size:36px}
.reason-card:hover .reason-icon{transform:scale(1.1)}
.reason-icon .icon{width:2rem;height:2rem;color:#fff}
.reason-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;transition:all .3s;font-family:"Roboto",serif}
.reason-card:hover .reason-title{color:#ea580c}
.reason-description{color:#fff;line-height:1.6;opacity:.8;font-family:"Roboto",serif}
.stats-section{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2rem;text-align:center}
.stats-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.stat-item{text-align:center}
.stat-value{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}
.stat-desc{font-size:.875rem;color:var(--muted-foreground)}
@media (min-width: 768px) {
.reasons-grid{grid-template-columns:repeat(2,1fr)}
.stats-grid{grid-template-columns:repeat(4,1fr)}
}
@media (min-width: 1024px) {
.reasons-grid{grid-template-columns:repeat(3,1fr)}
}
.what-to-expect{padding:6rem 1.5rem;position:relative;overflow:hidden;background:#22262b}
.expectations-grid{display:grid;grid-template-columns:1fr;gap:2rem}
.expectation-card{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2rem;transition:all .3s;opacity:1;transform:translateY(30px)}
.expectation-card.animate{opacity:1;transform:translateY(0);animation:fade-in-up .6s ease-out}
.expectation-content{display:flex;align-items:flex-start;gap:1rem}
.expectation-emoji{font-size:2.5rem;margin-bottom:1rem;transition:transform .3s}
.expectation-card:hover .expectation-emoji{transform:scale(1.1)}
.expectation-text{flex:1}
.expectation-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#fff;line-height:26px}
.expectation-description{color:#fff;line-height:1.4;opacity:.8}
@media (min-width: 768px) {
.expectations-grid{grid-template-columns:repeat(3,1fr)}
}
.partners{padding:4rem 0;position:relative;overflow:hidden;background:#22262b}
.partners-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}
.partner-card{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:all .3s;opacity:0;transform:translateY(30px)}
.partner-card.animate{opacity:1;transform:translateY(0);animation:fade-in-up .6s ease-out}
.partner-card:hover{transform:scale(1.05)}
.partner-content{text-align:center}
.partner-logo{font-size:1.125rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .3s}
.partner-card:hover .partner-logo{transform:scale(1.1)}
.partner-name{font-size:.75rem;color:var(--muted-foreground);margin-top:.5rem;opacity:0;transition:opacity .3s}
.partner-card:hover .partner-name{opacity:1}
.benefits-grid{display:grid;grid-template-columns:1fr;gap:2rem}
.benefit-item{text-align:center}
.benefit-icon{width:4rem;height:4rem;background:var(--gradient-primary);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;font-weight:700;color:#fff}
.benefit-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}
.benefit-description{color:var(--muted-foreground)}
@media (min-width: 768px) {
.partners-grid{grid-template-columns:repeat(3,1fr)}
.benefits-grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width: 1024px) {
.partners-grid{grid-template-columns:repeat(4,1fr)}
}
@media (min-width: 1280px) {
.partners-grid{grid-template-columns:repeat(6,1fr)}
}
.services{padding:6rem 1.5rem;position:relative;overflow:hidden}
.services-bg{position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1518709268805-4e9042af2176?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.1}
.services-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--background),rgba(var(--background),0.95),hsl(180,100%,60%,0.05))}
.animated-bg{position:absolute;border-radius:50%;filter:blur(120px);animation:floating 6s ease-in-out infinite}
.animated-bg-1{top:5rem;left:2.5rem;width:10rem;height:10rem;background:hsl(180,100%,60%,0.2);animation-delay:2s;animation:glow-pulse 2s ease-in-out infinite}
.animated-bg-2{bottom:2.5rem;right:2.5rem;width:7rem;height:7rem;background:hsl(262,90%,65%,0.2);animation-delay:4s}
.animated-bg-3{top:33.333333%;right:25%;width:5rem;height:5rem;background:hsl(215,100%,85%,0.15);filter:blur(40px);animation:rotate-slow 20s linear infinite}
.services-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}
.service-card{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:0;position:relative;overflow:hidden;transition:all .5s;height:auto;opacity:1;transform:translateY(30px)}
.service-card.animate{opacity:1;transform:translateY(0);animation:fade-in-up .6s ease-out}
.service-card:hover{box-shadow:var(--shadow-elevated)}
.service-card::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom right,hsl(180,100%,60%,0.05),hsl(262,90%,65%,0.05));opacity:0;transition:opacity .5s}
.service-card:hover::before{opacity:1}
.service-header{position:relative;z-index:10;margin-bottom:0}
.service-header .thumb img{width:100%;display:block;object-fit:cover}
.service-category{font-size:.875rem;color:var(--accent);font-weight:500;margin-bottom:.5rem;animation:fade-in-up .6s ease-out}
.service-title{font-size:1.3rem;line-height:1.4;font-weight:700;transition:all .3s;font-family:"Roboto FLex",serif;margin-bottom:6px}
.service-content{position:relative;z-index:10;display:flex;flex-direction:column;flex:1;padding:1.2rem}
.service-description{color:#fff;line-height:1.6;margin-bottom:1.2rem;flex:1;transition:color .3s;opacity:.8;font-family:"Roboto",serif}
.service-card:hover .service-description{color:var(--foreground)}
.service-btn{background:transparent;border:none;color:#ea580c;font-weight:500;display:flex;align-items:center;gap:.5rem;padding:0;height:auto;width:fit-content;transition:all .3s;cursor:pointer;font-size:15px;font-family:"Roboto",serif;text-decoration:none}
.service-btn:hover{color:#fff}
.service-btn:hover .btn-icon{transform:translateX(0.25rem)}
.services-cta{text-align:center}
.newsletter-heading {padding: 2% 15% 0 !important;}

.newsletter-container {padding: 3rem 0;}
.newsletter-container .newsletter-grid {display: grid;grid-template-columns: 31% 31% 31%;grid-gap: 40px;justify-content: space-between;}
.newsletter-container .newsletter-grid .newsletter-col {}
.newsletter-container .newsletter-grid .newsletter-col .thumb {}
.newsletter-container .newsletter-grid .newsletter-col .thumb img {width: 100%;border-radius: 12px 12px 0 0;display: block;}
.newsletter-container .newsletter-grid .newsletter-col .text {background: #373737;padding: 12px;text-align: center;border-radius: 0 0 12px 12px;}
.newsletter-container .newsletter-grid .newsletter-col .text p {}
.newsletter-container .heading-year {margin-bottom: 20px;border-bottom: #4f4f4f 1px solid;}
.newsletter-container .heading-year h2 {}

@media (min-width: 768px) {
.services-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 1024px) {
.services-grid{grid-template-columns:repeat(3,1fr)}
}
.blogs{padding:6rem 1.5rem;position:relative;overflow:hidden;background:rgba(var(--background),0.3)}
.blogs-bg{position:absolute;inset:0;opacity:.25}
.blogs-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--background),rgba(var(--background),0.95),hsl(180,100%,60%,0.05))}
.animated-bg-blog{position:absolute;border-radius:50%;filter:blur(120px);animation:floating 6s ease-in-out infinite}
.animated-bg-blog-1{top:5rem;left:2.5rem;width:10rem;height:10rem;background:hsl(180,100%,60%,0.2);animation-delay:2s;animation:glow-pulse 2s ease-in-out infinite}
.animated-bg-blog-2{bottom:2.5rem;right:2.5rem;width:7rem;height:7rem;background:hsl(262,90%,65%,0.2);animation-delay:4s}
.animated-bg-blog-3{top:33.333333%;right:25%;width:5rem;height:5rem;background:hsl(215,100%,85%,0.15);filter:blur(40px);animation:rotate-slow 20s linear infinite}
.blogs-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}
.blog-card{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:0;position:relative;overflow:hidden;transition:all .5s;height:fit-content;opacity:1;transform:translateY(30px)}
.blog-card.animate{opacity:1;transform:translateY(0);animation:fade-in-up .6s ease-out}
.blog-card:hover{box-shadow:var(--shadow-elevated)}
.blog-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,hsl(180,100%,60%,0.05),hsl(262,90%,65%,0.05));opacity:0;transition:opacity .5s}
.blog-card:hover .blog-overlay{opacity:1}
.blog-header{position:relative;z-index:10;margin-bottom:0}
.blog-header .thumb img{width:100%;display:block;object-fit:cover}
.blog-category{font-size:.875rem;color:var(--accent);font-weight:500;margin-bottom:.5rem;animation:fade-in-up .6s ease-out}
.blog-title{font-size:1.3rem;line-height:1.4;font-weight:700;transition:all .3s;font-family:"Roboto Flex",serif;margin-bottom:6px}
.blog-content{position:relative;z-index:10;display:flex;flex-direction:column;flex:1;padding:1.2rem}
.blog-description{color:#fff;line-height:1.6;margin-bottom:1.5rem;flex:1;transition:color .3s;opacity:.8}
.blog-card:hover .blog-description{color:var(--foreground)}
.blog-btn{background:transparent;border:none;color:#ea580c;font-weight:500;display:flex;align-items:center;gap:.5rem;padding:0;height:auto;width:fit-content;transition:all .3s;cursor:pointer;font-size:15px;font-family:"Roboto",serif}
.blog-btn:hover{color:#fff}
.blog-btn:hover .btn-icon{transform:translateX(0.25rem)}
.blogs-cta{text-align:center}
@media (min-width: 768px) {
.blogs-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 1024px) {
.blogs-grid{grid-template-columns:repeat(3,1fr)}
}
.testimonials{padding:6rem 1.5rem;position:relative;overflow:hidden;background:#22262b}
.testimonials-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--background),rgba(var(--background),0.95),hsl(180,100%,60%,0.05))}
.testimonials-grid{display:grid;grid-template-columns:1fr;gap:2rem}
.testimonial-card{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2rem;transition:all .3s;opacity:1;transform:translateY(30px);height:350px}
.testimonial-card.animate{opacity:1;transform:translateY(0);animation:fade-in-up .6s ease-out}
.testimonial-card:hover{box-shadow:var(--shadow-elevated)}
.testimonial-content{height:100%;display:flex;flex-direction:column}
.testimonial-text{color:#fff;line-height:1.6;margin-bottom:2rem;flex:1;font-style:italic;font-size:1.125rem;opacity:.8}
.testimonial-author{display:flex;align-items:center;gap:1rem}
.author-avatar{width:3rem;height:3rem;background:#03A9F4;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;flex-shrink:0}
.author-avatar img{border-radius:50%}
.author-info{flex:1}
.author-name{font-weight:700;margin-bottom:0}
.author-role{color:#fff;font-size:.875rem;opacity:.8}
@media (min-width: 768px) {
.testimonials-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 1024px) {
.testimonials-grid{grid-template-columns:repeat(3,1fr)}
}
.contact{padding:6rem 1.5rem;background:rgba(var(--background),0.5)}
.contact-content{display:grid;grid-template-columns:1fr;gap:3rem}
.contact-info{display:flex;flex-direction:column;gap:2rem}
.contact-text{margin-bottom:2rem}
.contact-subtitle{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}
.contact-description{color:#fff;line-height:1.6;opacity:.8}
.contact-details{display:flex;flex-direction:column;gap:1.5rem}
.contact-item{display:flex;align-items:flex-start;gap:1rem}
.contact-icon{width:3rem;height:3rem;background:#ea580c;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-icon .icon{width:1.5rem;height:1.5rem;color:#fff}
.contact-data{flex:1}
.contact-label{font-weight:600;margin-bottom:.25rem}
.contact-value{color:#fff;opacity:.8}
.contact-value a{color:#fff;text-decoration:none}
.contact-form-wrapper{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2rem}
.contact-form{width:100%}
.form-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}
.form-content{display:flex;flex-direction:column;gap:1.5rem}
.form-row{display:grid;grid-template-columns:1fr;gap:1rem}
.form-input,.form-textarea{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:var(--radius);padding:.75rem 1rem;color:var(--foreground);font-size:1rem;transition:all .2s;font-family:"Roboto",serif}
.form-input::placeholder,.form-textarea::placeholder{color:var(--muted-foreground)}
.form-input:focus,.form-textarea:focus{outline:none;border-color:#03A9F4;box-shadow:0 0 0 2px hsl(262,90%,65%,0.2)}
.form-textarea{resize:none;min-height:6rem}
@media (min-width: 640px) {
.form-row{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 1024px) {
.contact-content{grid-template-columns:repeat(2,1fr)}
}
.footer{background:#22262b;border-top:1px solid rgba(var(--border),0.5);padding:4rem 1.5rem}
.footer-content{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem}
.footer-section{display:flex;flex-direction:column}
.footer-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#fff}
.footer-description{color:#fff;line-height:1.6;font-size:.875rem;margin-bottom:1.5rem;opacity:.8}
.social-section{margin-top:1rem}
.social-title{font-weight:600;margin-bottom:.75rem}
.social-links{display:flex;gap:.75rem}
.social-link{width:2.5rem;height:2.5rem;background:#ea580c;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s}
.social-link:hover{transform:scale(1.1)}
.social-icon{width:1.25rem;height:1.25rem;color:#fff}
.footer-contacts{display:flex;flex-direction:column;gap:1rem}
.footer-contact{display:flex;align-items:flex-start;gap:.75rem}
.footer-contact-icon{width:2rem;height:2rem;background:#ea580c;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.25rem}
.footer-contact-icon .icon{width:1rem;height:1rem;color:#fff}
.footer-contact-content{flex:1}
.footer-contact-label{font-weight:600;margin-bottom:.25rem;font-size:.875rem}
.footer-contact-text{color:#fff;line-height:1.6;font-size:.875rem;opacity:.8}
.footer-contact-link{color:#fff;text-decoration:none;font-size:.875rem;transition:color .3s;opacity:.8}
.footer-contact-link:hover{color:#f97316}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:.4rem}
.footer-link{color:#fff;text-decoration:none;font-size:.875rem;display:flex;align-items:center;transition:all .3s;opacity:.8}
.footer-link:hover{color:#f97316}
.footer-link:hover::before{transform:translateX(0.25rem)}
.footer-bottom{padding-top:2rem;border-top:1px solid rgba(var(--border),0.3);text-align:center}
.footer-copyright{color:#fff;font-size:.875rem;opacity:.8}
@media (min-width: 768px) {
.footer-content{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 1024px) {
.footer-content{grid-template-columns:repeat(4,1fr)}
}