:root{--bg:#0b1226;--surface:#0f172a;--elev:#0e152b;--text:#e7e9ee;--muted:#9aa7bd;--brand:#1e68ff;--brand-light:#4d88ff;--accent:#12d7f4;--cyan:#12d7f4;--ok:#22c55e;--danger:#ef4444;--radius:16px;--shadow:0 18px 50px rgba(0,0,0,.45);--font-primary:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-secondary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono',Consolas,'Courier New',monospace}
*{box-sizing:border-box}
html{font-family:var(--font-secondary);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-family:var(--font-secondary);color:var(--text);background:var(--bg);margin:0;padding:0;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2;letter-spacing:-0.02em;margin:0}
h1{font-size:48px}
h2{font-size:42px}
h3{font-size:32px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:18px}
p{margin:0 0 16px;line-height:1.6}
a{color:var(--brand);text-decoration:none;transition:color 0.3s ease}
code,pre{font-family:var(--font-mono)}
@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}
@keyframes shimmerPulse{0%,100%{opacity:1}50%{opacity:0.7}}
.section-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:40px;justify-content:center;align-items:center;padding:80px 20px;z-index:10;opacity:1;transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1);background:linear-gradient(135deg,rgba(5,8,18,0.98) 0%,rgba(10,15,30,0.98) 100%);backdrop-filter:blur(15px) saturate(180%);pointer-events:none;animation:shimmerPulse 2s ease-in-out infinite}
.section-shimmer.hidden{opacity:0;visibility:hidden}
.shimmer-section-title{height:48px;width:600px;max-width:80%;background:linear-gradient(90deg,rgba(15,23,42,0.8) 0%,rgba(30,104,255,0.3) 50%,rgba(15,23,42,0.8) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:12px;margin:0 auto 40px;box-shadow:0 4px 16px rgba(30,104,255,0.1)}
.shimmer-subtitle-line{height:20px;width:500px;max-width:70%;background:linear-gradient(90deg,rgba(15,23,42,0.7) 0%,rgba(30,104,255,0.25) 50%,rgba(15,23,42,0.7) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:10px;margin:0 auto 20px;box-shadow:0 2px 8px rgba(30,104,255,0.08)}
.shimmer-card-line{height:14px;width:100%;background:linear-gradient(90deg,rgba(15,23,42,0.6) 0%,rgba(30,104,255,0.2) 50%,rgba(15,23,42,0.6) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:8px;margin-bottom:12px}
.shimmer-card-line.short{width:60%}
.shimmer-card-title{height:24px;width:80%;background:linear-gradient(90deg,rgba(15,23,42,0.8) 0%,rgba(30,104,255,0.3) 50%,rgba(15,23,42,0.8) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:10px;margin-bottom:16px}
.shimmer-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(90deg,rgba(15,23,42,0.8) 0%,rgba(30,104,255,0.35) 50%,rgba(15,23,42,0.8) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.shimmer-video{height:160px;width:100%;background:linear-gradient(90deg,rgba(15,23,42,0.9) 0%,rgba(30,104,255,0.3) 50%,rgba(15,23,42,0.9) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:16px 16px 0 0;margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}
.shimmer-product-icon{width:60px;height:60px;border-radius:14px;background:linear-gradient(90deg,rgba(15,23,42,0.8) 0%,rgba(30,104,255,0.35) 50%,rgba(15,23,42,0.8) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;margin:0 auto 16px;box-shadow:0 4px 12px rgba(30,104,255,0.1)}
.shimmer-btn{height:48px;width:200px;background:linear-gradient(90deg,rgba(30,104,255,0.3) 0%,rgba(18,215,244,0.4) 50%,rgba(30,104,255,0.3) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:999px;box-shadow:0 4px 16px rgba(30,104,255,0.2)}
.shimmer-badge{height:32px;width:120px;background:linear-gradient(90deg,rgba(15,23,42,0.7) 0%,rgba(30,104,255,0.3) 50%,rgba(15,23,42,0.7) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:16px;box-shadow:0 2px 8px rgba(30,104,255,0.1)}
.shimmer-tag{height:24px;width:70px;background:linear-gradient(90deg,rgba(15,23,42,0.6) 0%,rgba(30,104,255,0.25) 50%,rgba(15,23,42,0.6) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:12px}
.shimmer-form-field{height:48px;width:100%;background:linear-gradient(90deg,rgba(15,23,42,0.7) 0%,rgba(30,104,255,0.25) 50%,rgba(15,23,42,0.7) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:10px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.shimmer-form-field.large{height:120px}
.hero-shimmer{justify-content:center;align-items:flex-start;padding:100px 20px}
.shimmer-hero-text{max-width:600px;width:100%}
.shimmer-title{height:56px;width:100%;background:linear-gradient(90deg,rgba(15,23,42,0.9) 0%,rgba(30,104,255,0.35) 50%,rgba(15,23,42,0.9) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:12px;margin-bottom:16px;box-shadow:0 4px 16px rgba(30,104,255,0.15)}
.shimmer-title-2{height:56px;width:80%;background:linear-gradient(90deg,rgba(15,23,42,0.9) 0%,rgba(30,104,255,0.35) 50%,rgba(15,23,42,0.9) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 16px rgba(30,104,255,0.15)}
.shimmer-subtitle{height:20px;width:100%;background:linear-gradient(90deg,rgba(15,23,42,0.7) 0%,rgba(30,104,255,0.25) 50%,rgba(15,23,42,0.7) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:10px;margin-bottom:12px}
.shimmer-subtitle-2{height:20px;width:90%;background:linear-gradient(90deg,rgba(15,23,42,0.7) 0%,rgba(30,104,255,0.25) 50%,rgba(15,23,42,0.7) 100%);background-size:1000px 100%;animation:shimmer 2s infinite ease-in-out;border-radius:10px;margin-bottom:32px}
.shimmer-buttons{display:flex;gap:16px;margin-bottom:32px}
.shimmer-badges{display:flex;gap:12px;flex-wrap:wrap}
.shimmer-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;width:100%}
.shimmer-service-card{background:linear-gradient(135deg,rgba(15,23,42,0.6) 0%,rgba(30,104,255,0.12) 100%);border:1px solid rgba(30,104,255,0.25);border-radius:20px;padding:28px;backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}
.shimmer-tags{display:flex;gap:8px;margin-top:16px}
.shimmer-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;width:100%}
.shimmer-work-card{background:linear-gradient(135deg,rgba(15,23,42,0.6) 0%,rgba(30,104,255,0.12) 100%);border:1px solid rgba(30,104,255,0.25);border-radius:20px;padding:28px;backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}
.shimmer-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;width:100%}
.shimmer-product-card{background:linear-gradient(135deg,rgba(15,23,42,0.6) 0%,rgba(30,104,255,0.12) 100%);border:1px solid rgba(30,104,255,0.25);border-radius:20px;padding:32px;backdrop-filter:blur(12px);text-align:center;box-shadow:0 8px 24px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}
.shimmer-testimonials-carousel{display:flex;gap:24px;max-width:1200px;width:100%;overflow:hidden}
.shimmer-testimonial-card{background:linear-gradient(135deg,rgba(15,23,42,0.7) 0%,rgba(30,104,255,0.15) 100%);border:1px solid rgba(30,104,255,0.3);border-radius:18px;padding:0;backdrop-filter:blur(12px);width:320px;flex-shrink:0;box-shadow:0 8px 24px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.1)}
.shimmer-client-info{display:flex;gap:12px;align-items:center;padding:16px;margin-bottom:12px}
.shimmer-client-details{flex:1}
.shimmer-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;width:100%}
.shimmer-contact-panel,.shimmer-form-panel{background:linear-gradient(135deg,rgba(15,23,42,0.6) 0%,rgba(30,104,255,0.12) 100%);border:1px solid rgba(30,104,255,0.25);border-radius:20px;padding:40px;backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}
.shimmer-footer-cta{text-align:center;margin-bottom:60px}
.shimmer-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;width:100%}
.shimmer-footer-col{background:linear-gradient(135deg,rgba(15,23,42,0.5) 0%,rgba(30,104,255,0.08) 100%);border:1px solid rgba(30,104,255,0.2);border-radius:16px;padding:24px;backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,0.15)}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}
html,body{height:100%;margin:0;padding:0}
html:focus-within{scroll-behavior:smooth}
body{margin:0;background:#050812;background-image:radial-gradient(at 0% 0%,rgba(30,104,255,.03) 0%,transparent 50%),radial-gradient(at 100% 100%,rgba(18,215,244,.03) 0%,transparent 50%);color:var(--text);font:16px/1.65 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";position:relative;overflow-x:hidden;will-change:auto}
img,svg,video{max-width:100%;display:block}
img[loading="lazy"]{opacity:0;transition:opacity 0.3s}
img[loading="lazy"].loaded{opacity:1}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:110px 0;position:relative}
#services{margin-top:0;position:relative;z-index:1;clear:both;transform:none !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important}
.hero{position:relative;z-index:2}
.logo-3d-container {
position: absolute;
top: 50%;
right: 10%;
width: 300px;
height: 300px;
transform: translateY(-50%);
z-index: 3;
pointer-events: none;
opacity: 0.9;
}
.logo-3d-container canvas {
width: 100% !important;
height: 100% !important;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(30, 104, 255, 0.3);
backdrop-filter: blur(10px);
background: rgba(0, 0, 0, 0.1);
}
.site-footer{background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 100%);color:#ffffff;overflow:hidden}
.cursor-ring{position:fixed;top:0;left:0;width:20px;height:20px;border:2px solid rgba(18,215,244,0.8);border-radius:50%;pointer-events:none;z-index:9999;transition:all 0.1s ease;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(18,215,244,0.3) 0%,transparent 70%);box-shadow:0 0 20px rgba(18,215,244,0.5),inset 0 0 20px rgba(18,215,244,0.2)}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#1e68ff,transparent)}
.site-footer::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(30,104,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(18,215,244,0.08) 0%,transparent 50%);pointer-events:none;z-index:1}
.footer-main{padding:50px 0 0;z-index:2}
.footer-grid{display:grid;grid-template-columns:1fr 3fr 1fr;gap:35px;align-items:start;max-width:1200px;margin:0 auto}
.footer-brand{max-width:400px}
.brand-section{margin-bottom:25px;padding:18px;background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.05));border:1px solid rgba(30,104,255,0.2);border-radius:14px;backdrop-filter:blur(10px)}
.brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.brand-logo .logo{width:36px;height:36px;object-fit:contain;filter:brightness(1.1);transition:transform 0.3s ease}
.brand-logo:hover .logo{transform:scale(1.05) rotate(5deg)}
.brand-name{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#ffffff 0%,#7db3ff 50%,#12d7f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-0.02em}
.brand-description{color:#bfdbfe;font-size:14px;line-height:1.5;margin-bottom:20px}
.brand-tags{display:flex;gap:8px;flex-wrap:wrap}
.tag{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.15));border:1px solid rgba(30,104,255,0.3);border-radius:20px;font-size:12px;font-weight:500;color:#12d7f4;text-transform:uppercase;letter-spacing:0.5px}
.social-section h4{font-size:16px;font-weight:700;color:#ffffff;margin-bottom:6px;letter-spacing:0.5px}
.social-description{color:#94a3b8;font-size:12px;margin-bottom:20px;line-height:1.4}
.social-links{display:flex;flex-direction:column;gap:6px}
.social-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03));border:1px solid rgba(255,255,255,0.15);border-radius:12px;color:#bfdbfe;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);text-decoration:none;position:relative;overflow:hidden}
.social-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.6s ease}
.social-link:hover::before{left:100%}
.social-link:hover{background:linear-gradient(135deg,rgba(30,104,255,0.15),rgba(18,215,244,0.1));border-color:rgba(30,104,255,0.4);color:#12d7f4;transform:translateY(-2px);box-shadow:0 8px 25px rgba(30,104,255,0.2)}
.social-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.15));border:1px solid rgba(30,104,255,0.3);border-radius:10px;color:#12d7f4;flex-shrink:0;transition:all 0.3s ease}
.social-link:hover .social-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 15px rgba(30,104,255,0.3)}
.social-info{display:flex;flex-direction:column;gap:1px}
.social-name{font-size:13px;font-weight:600;color:#ffffff;line-height:1.2}
.social-handle{font-size:11px;color:#94a3b8;font-weight:400;line-height:1.2}
.social-link.instagram:hover .social-icon{background:linear-gradient(135deg,#E4405F,#F77737);border-color:#E4405F;color:#ffffff}
.social-link.linkedin:hover .social-icon{background:linear-gradient(135deg,#0077B5,#00A0DC);border-color:#0077B5;color:#ffffff}
.social-link.telegram:hover .social-icon{background:linear-gradient(135deg,#0088CC,#229ED9);border-color:#0088CC;color:#ffffff}
.social-link.facebook:hover .social-icon{background:linear-gradient(135deg,#1877F2,#42A5F5);border-color:#1877F2;color:#ffffff}
.social-link.twitter:hover .social-icon{background:linear-gradient(135deg,#1DA1F2,#42A5F5);border-color:#1DA1F2;color:#ffffff}
.footer-links{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 2.5fr;gap:20px;grid-auto-rows:auto;min-width:0;width:100%}
@media (min-width: 1024px) {
.footer-links {
grid-template-columns: 1fr 1fr 1fr 1fr 2.5fr !important;
}
}
.link-group h4{font-size:15px;font-weight:600;margin-bottom:16px;color:#ffffff;letter-spacing:0.5px}
.link-group ul{list-style:none;padding:0;margin:0}
.link-group li{margin-bottom:10px}
.link-group a{color:#bfdbfe;text-decoration:none;transition:all 0.3s ease;font-size:13px;line-height:1.4;display:inline-block}
.link-group a:hover{color:#12d7f4;transform:translateX(4px)}
.contact-group .contact-list{display:flex;flex-direction:column;gap:8px;margin-top:0}
.contact-item{display:flex;align-items:flex-start;gap:8px;padding:0;transition:all 0.3s ease}
.contact-item:hover{transform:translateX(4px)}
.contact-item svg{color:#12d7f4;flex-shrink:0;margin-top:2px;transition:all 0.3s ease}
.contact-item:hover svg{color:#ffffff;transform:scale(1.1)}
.contact-item span{color:#bfdbfe;font-size:13px;line-height:1.4;word-break:break-word}
.contact-item a{color:#bfdbfe;text-decoration:none;font-size:13px;line-height:1.4;transition:all 0.3s ease}
.contact-item a:hover{color:#12d7f4}
.footer-right{max-width:300px}
.contact-section{padding:0;background:none;border:none;border-radius:0;backdrop-filter:none}
.contact-section h4{font-size:16px;font-weight:700;margin-bottom:6px;color:#ffffff;letter-spacing:0.5px}
.contact-section p{color:#94a3b8;font-size:11px;line-height:1.4;margin-bottom:16px}
.contact-methods{display:flex;flex-direction:column;gap:6px;margin-top:0}
.contact-method{display:flex;align-items:center;gap:10px;padding:0;background:none;border:none;transition:all 0.3s ease;min-width:0;margin-bottom:0}
.contact-method:hover{transform:translateX(5px)}
.contact-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#12d7f4;flex-shrink:0;transition:all 0.3s ease}
.contact-method:hover .contact-icon{transform:scale(1.1);color:#ffffff}
.contact-info{display:flex;flex-direction:column;gap:0px;flex:1;min-width:0}
.contact-label{font-size:9px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}
.contact-value{font-size:11px;color:#ffffff;font-weight:500;text-decoration:none;transition:color 0.3s ease;line-height:1.3;word-break:break-word;white-space:normal}
.contact-value:hover{color:#12d7f4}
.footer-bottom{padding:30px 0 0;border-top:1px solid rgba(30,104,255,0.2);background:rgba(0,0,0,0.3)}
.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.copyright p{color:#94a3b8;font-size:14px;margin:0 0 8px 0;line-height:1.4}
.copyright .tagline{color:#7db3ff;font-size:12px;font-style:italic}
.footer-legal{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end}
.footer-legal a{color:#94a3b8;text-decoration:none;font-size:14px;transition:color 0.3s ease;white-space:nowrap;padding:4px 0}
.footer-legal a:hover{color:#12d7f4}
@media (max-width: 1200px) {
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.footer-links {
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
}
@media (max-width: 768px) {
.footer-main {
padding: 40px 0 0;
}
.footer-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.footer-links {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.footer-bottom-content {
flex-direction: column;
text-align: center;
gap: 12px;
}
.footer-bottom {
padding: 25px 0 0;
}
}
@media (max-width: 480px) {
.footer-links {
grid-template-columns: 1fr;
}
.social-links {
flex-direction: row;
flex-wrap: wrap;
}
.social-link {
flex: 1;
min-width: 140px;
padding: 12px 16px;
}
.social-icon {
width: 36px;
height: 36px;
}
.social-name {
font-size: 13px;
}
.social-handle {
font-size: 10px;
}
.contact-method {
padding: 14px 16px;
}
.contact-icon {
width: 44px;
height: 44px;
}
.footer-legal {
flex-direction: column;
gap: 8px;
justify-content: center;
align-items: center;
}
}
@media (max-width: 1200px) {
.logo-3d-container {
width: 250px;
height: 250px;
right: 5%;
}
}
@media (max-width: 768px) {
.logo-3d-container {
position: relative;
top: auto;
right: auto;
transform: none;
width: 200px;
height: 200px;
margin: 40px auto;
display: block;
}
}
@media (max-width: 480px) {
.logo-3d-container {
width: 150px;
height: 150px;
margin: 20px auto;
}
}
.section.alt{background:linear-gradient(180deg,rgba(30,104,255,.04) 0%,rgba(18,215,244,.02) 50%,transparent 100%);border-top:1px solid rgba(30,104,255,.1);border-bottom:1px solid rgba(30,104,255,.05)}
.section-title{font-family:var(--font-primary);font-size:42px;letter-spacing:-.03em;margin:0 0 40px;background:linear-gradient(135deg,#fff 0%,#7db3ff 50%,#12d7f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;text-align:center;position:relative;filter:drop-shadow(0 0 20px rgba(30,104,255,.3));line-height:1.2}
.btn{font-family:var(--font-secondary);display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;border:1px solid rgba(30,104,255,.4);text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-size:15px;letter-spacing:0.01em}
.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}
.btn:hover:before{opacity:1}
.btn-primary{background:linear-gradient(135deg,#1e68ff,#12d7f4);color:#fff;border:1px solid rgba(30,104,255,.5)}
.btn-primary:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.12)}
.btn-ghost{background:rgba(17,24,39,.6);backdrop-filter:blur(8px);border-color:rgba(30,104,255,.3);color:#e7e9ee}
.btn-ghost:hover{background:rgba(17,24,39,.8);border-color:rgba(30,104,255,.5)}
.btn,.social-row a{transition:all .3s cubic-bezier(.4,0,.2,1)}
.btn:hover{transform:translateY(-2px)}
.btn-primary.btn-glow{box-shadow:0 0 0 rgba(30,104,255,0),0 0 30px rgba(30,104,255,.2);animation:pulse 3s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 rgba(30,104,255,0),0 0 20px rgba(30,104,255,.2)}50%{box-shadow:0 0 0 rgba(30,104,255,0),0 0 35px rgba(30,104,255,.3)}}
.btn-primary.btn-glow:hover{box-shadow:0 16px 48px rgba(30,104,255,.45),0 0 60px rgba(18,215,244,.35);animation:none}
.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;color:#fff;text-decoration:none}
.brand-mark{width:28px;height:28px}
.brand-text{font-weight:800}
.site-header{position:sticky;top:0;z-index:50;background:rgba(10,14,26,.85);backdrop-filter:saturate(150%) blur(16px);border-bottom:1px solid rgba(30,104,255,.15);box-shadow:0 4px 24px rgba(0,0,0,.1)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.support-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));border:1px solid rgba(30,104,255,0.3);border-radius:8px;color:#ffffff;text-decoration:none;font-size:13px;font-weight:500;transition:all 0.3s ease;backdrop-filter:blur(10px)}
.support-btn:hover{background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.1));border-color:rgba(18,215,244,0.5);transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,104,255,0.3)}
.support-btn svg{width:16px;height:16px;transition:transform 0.3s ease}
.support-btn:hover svg{transform:scale(1.1)}
.nav-toggle{display:none;background:#111827;color:#fff;border:1px solid #334155;border-radius:10px;padding:10px 12px}
.nav-menu{display:flex;gap:8px;list-style:none;margin:0;padding:0;align-items:center}
.nav-menu a{font-family:var(--font-secondary);position:relative;color:var(--text);text-decoration:none;padding:8px 10px;border-radius:10px;font-weight:500;font-size:14px;letter-spacing:0.01em}
.nav-menu a:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:linear-gradient(90deg,var(--brand),transparent);opacity:0;transform:scaleX(.6);transition:.2s opacity,.2s transform}
.nav-menu a:hover:after{opacity:1;transform:scaleX(1)}
.nav-menu a.active{background:rgba(30,104,255,.12)}
.nav-menu a:hover{background:#111827}
.dropdown{position:relative}
.dropdown-toggle{display:flex;align-items:center;gap:4px}
.dropdown-toggle svg{transition:transform 0.3s ease}
.dropdown:hover .dropdown-toggle svg{transform:rotate(180deg)}
.dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(10,14,26,0.95);backdrop-filter:saturate(150%) blur(20px);border:1px solid rgba(30,104,255,0.2);border-radius:16px;padding:20px;min-width:600px;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-10px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 20px 60px rgba(0,0,0,0.3),0 0 0 1px rgba(30,104,255,0.1);z-index:1000}
.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dropdown-menu:hover{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dropdown-content{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.service-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;transition:all 0.3s ease;cursor:pointer;text-decoration:none;color:inherit}
.service-item:hover{background:rgba(30,104,255,0.08);transform:translateY(-2px)}
.service-icon{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,rgba(30,104,255,0.15),rgba(18,215,244,0.1));border:1px solid rgba(30,104,255,0.3);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#60a5fa;transition:all 0.3s ease}
.service-item:hover .service-icon{background:linear-gradient(135deg,rgba(30,104,255,0.25),rgba(18,215,244,0.15));border-color:rgba(30,104,255,0.5);color:#93c5fd;transform:scale(1.05)}
.service-info{flex:1;min-width:0}
.service-info h4{font-size:16px;font-weight:600;color:#ffffff;margin:0 0 4px;letter-spacing:-0.01em}
.service-info p{font-size:13px;color:#94a3b8;margin:0;line-height:1.4}
.page-hero{padding:120px 0 80px;background:linear-gradient(135deg,rgba(15,23,42,0.9),rgba(30,41,59,0.8));border-bottom:1px solid rgba(30,104,255,0.1)}
.page-hero-content{text-align:center;max-width:800px;margin:0 auto}
.page-badge{display:inline-block;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));color:#12d7f4;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:0.5px;margin-bottom:24px;border:1px solid rgba(30,104,255,0.3)}
.page-title{font-family:var(--font-primary);font-size:48px;line-height:1.2;letter-spacing:-0.02em;margin:0 0 20px;color:#ffffff;font-weight:700}
.page-subtitle{font-size:18px;color:#bfdbfe;line-height:1.6;margin:0;max-width:600px;margin:0 auto}
.service-overview{padding:80px 0;background:rgba(15,23,42,0.5)}
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto}
.overview-content h2{font-family:var(--font-primary);font-size:36px;line-height:1.3;color:#ffffff;margin:0 0 24px;font-weight:700;letter-spacing:-0.01em}
.overview-content p{font-size:16px;color:#cbd5e1;line-height:1.7;margin:0 0 32px}
.overview-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.feature-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(30,104,255,0.05);border:1px solid rgba(30,104,255,0.1);border-radius:12px;transition:all 0.3s ease}
.feature-item:hover{background:rgba(30,104,255,0.1);border-color:rgba(30,104,255,0.2);transform:translateY(-2px)}
.feature-item svg{color:#12d7f4;flex-shrink:0}
.feature-item span{font-size:14px;color:#e2e8f0;font-weight:500}
.tech-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.tech-item{background:rgba(30,104,255,0.08);border:1px solid rgba(30,104,255,0.2);border-radius:16px;padding:24px;text-align:center;transition:all 0.3s ease}
.tech-item:hover{background:rgba(30,104,255,0.12);border-color:rgba(30,104,255,0.3);transform:translateY(-4px)}
.tech-icon{font-size:18px;font-weight:700;color:#12d7f4;margin-bottom:8px}
.tech-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:0.5px}
.service-features{padding:80px 0;background:linear-gradient(135deg,rgba(15,23,42,0.8),rgba(30,41,59,0.6))}
.section-header{text-align:center;margin-bottom:60px}
.section-header h2{font-family:var(--font-primary);font-size:36px;line-height:1.3;color:#ffffff;margin:0 0 16px;font-weight:700;letter-spacing:-0.01em}
.section-header p{font-size:18px;color:#bfdbfe;line-height:1.6;margin:0;max-width:600px;margin:0 auto}
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:1200px;margin:0 auto}
.feature-card{background:rgba(30,104,255,0.03);border:1px solid rgba(30,104,255,0.1);border-radius:20px;padding:32px;text-align:center;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1e68ff,#12d7f4);opacity:0;transition:opacity 0.3s ease}
.feature-card:hover{background:rgba(30,104,255,0.08);border-color:rgba(30,104,255,0.2);transform:translateY(-8px);box-shadow:0 20px 40px rgba(30,104,255,0.1)}
.feature-card:hover::before{opacity:1}
.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));border:1px solid rgba(30,104,255,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#12d7f4;transition:all 0.3s ease}
.feature-card:hover .feature-icon{background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.1));border-color:rgba(30,104,255,0.3);transform:scale(1.1)}
.feature-card h3{font-family:var(--font-primary);font-size:20px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-0.01em}
.feature-card p{color:#94a3b8;line-height:1.6;margin:0;font-size:15px}
.cta-section{padding:80px 0;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));border-top:1px solid rgba(30,104,255,0.1);border-bottom:1px solid rgba(30,104,255,0.1)}
.cta-content{text-align:center;max-width:600px;margin:0 auto}
.cta-content h2{font-family:var(--font-primary);font-size:36px;line-height:1.3;color:#ffffff;margin:0 0 20px;font-weight:700;letter-spacing:-0.01em}
.cta-content p{font-size:18px;color:#bfdbfe;line-height:1.6;margin:0 0 32px}
.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hero{padding:80px 0 80px;position:relative;min-height:100vh;display:flex;align-items:center}
.hero-inner{display:grid;grid-template-columns:1.1fr 0.9fr;gap:80px;align-items:center;padding:0 40px;max-width:1400px;margin:0 auto}
.headline{font-family:var(--font-primary);font-size:58px;line-height:1.12;letter-spacing:-.04em;margin:0 0 18px;background:linear-gradient(135deg,#fff 0%,#7db3ff 30%,#1e68ff 70%,#12d7f4 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 3s ease-in-out infinite;font-weight:700}
@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.subhead{font-family:var(--font-secondary);color:#bfdbfe;margin:0 0 28px;font-size:19px;line-height:1.7;font-weight:400;letter-spacing:0.01em}
.actions{display:flex;gap:12px;margin:18px 0 22px}
.badges{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:0;padding:0;color:#cbd5e1}
.badges li{background:linear-gradient(135deg,rgba(30,104,255,.12),rgba(18,215,244,.08));border:1px solid rgba(30,104,255,.25);border-radius:999px;padding:8px 14px;font-weight:500;backdrop-filter:blur(4px)}
.hero-visual{position:absolute;top:50%;right:8%;transform:translateY(-50%);width:420px;max-width:38%;height:380px;z-index:1;pointer-events:none}
.orb{position:absolute;border-radius:50%;filter:blur(30px);opacity:.6;animation:float 8s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}
.orb-a{width:180px;height:180px;background:radial-gradient(circle at 30% 30%,rgba(30,104,255,.7),rgba(18,215,244,.4));top:0;left:0;animation-delay:0s}
.orb-b{width:150px;height:150px;background:radial-gradient(circle at 30% 30%,rgba(18,215,244,.7),rgba(30,104,255,.4));bottom:0;right:0;animation-delay:1s}
.grid{position:absolute;inset:8px;background:linear-gradient(90deg,rgba(30,104,255,.12) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(0deg,rgba(30,104,255,.12) 1px,transparent 1px) 0 0/20px 20px;border-radius:var(--radius);border:1px solid rgba(30,104,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:1}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card,.work-card,.info-card{position:relative;background:rgba(14,21,43,.85);backdrop-filter:saturate(130%) blur(12px);border-radius:20px;padding:26px;border:1px solid rgba(148,163,184,.18);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}
.card:before,.work-card:before,.info-card:before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(30,104,255,.1),transparent 40%);opacity:0;transition:opacity .3s}
.card:hover,.work-card:hover,.info-card:hover{transform:translateY(-6px);box-shadow:0 30px 80px rgba(30,104,255,.25),0 0 0 1px rgba(30,104,255,.3);border-color:rgba(30,104,255,.4)}
.card:hover:before,.work-card:hover:before,.info-card:hover:before{opacity:1}
.card h3,.work-card h3{font-family:var(--font-primary);margin:0 0 8px;font-size:20px;background:linear-gradient(135deg,#fff,#d4e4ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:-0.01em}
.card p,.work-card p{margin:0 0 14px;color:#c9d2e6;line-height:1.7}
.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;color:#cbd5e1}
.tags li{background:linear-gradient(135deg,rgba(30,104,255,.08),rgba(18,215,244,.06));border:1px solid rgba(30,104,255,.2);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;backdrop-filter:blur(4px)}
.tags li:hover{background:linear-gradient(135deg,rgba(30,104,255,.15),rgba(18,215,244,.1));border-color:rgba(30,104,255,.3);transform:translateY(-1px)}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.work-card{background:rgba(17,24,39,.7);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:22px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.about-media img{width:100%;height:auto;border-radius:16px;border:1px solid rgba(30,104,255,.25);box-shadow:var(--shadow)}
.about-copy h2{margin:0 0 10px;font-size:32px;background:linear-gradient(135deg,#fff,#7db3ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.about-points{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.about-points li{display:flex;align-items:center;gap:10px;color:#c9d2e6}
.about-points img{width:20px;height:20px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:32px 0 0;padding:0}
.stats li{background:linear-gradient(135deg,rgba(14,21,43,.9),rgba(30,104,255,.08));border:1px solid rgba(30,104,255,.25);border-radius:20px;padding:28px;text-align:center;transition:all .3s;backdrop-filter:blur(8px)}
.stats li:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(30,104,255,.2);border-color:rgba(30,104,255,.4)}
.stats strong{display:block;font-size:38px;background:linear-gradient(135deg,#fff,#7db3ff,#12d7f4);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;margin-bottom:6px}
.contact-section{background:linear-gradient(135deg,rgba(30,104,255,0.03),rgba(18,215,244,0.02));position:relative;overflow:hidden}
.contact-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(30,104,255,0.1),transparent 70%);border-radius:50%;filter:blur(80px)}
.contact-header{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}
.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.contact-info-panel{background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.05));backdrop-filter:blur(10px);border:1px solid rgba(30,104,255,0.2);border-radius:24px;padding:40px;position:relative;overflow:hidden}
.contact-info-panel::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(30,104,255,0.05),rgba(18,215,244,0.03));opacity:0;transition:opacity 0.4s}
.contact-info-panel:hover::before{opacity:1}
.contact-info-header{margin-bottom:32px}
.contact-info-header h3{margin:0 0 12px;font-size:24px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.contact-info-header p{margin:0;color:#cbd5e1;font-size:16px;line-height:1.6}
.contact-methods{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}
.contact-method{display:flex;gap:16px;padding:20px;background:rgba(30,104,255,0.05);border:1px solid rgba(30,104,255,0.15);border-radius:16px;transition:all 0.3s;position:relative}
.contact-method:hover{background:rgba(30,104,255,0.1);border-color:rgba(30,104,255,0.3);transform:translateY(-2px);box-shadow:0 8px 25px rgba(30,104,255,0.15)}
.contact-method-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.15));border:1px solid rgba(30,104,255,0.3);border-radius:12px;color:#12d7f4;flex-shrink:0;transition:all 0.3s}
.contact-method:hover .contact-method-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px rgba(30,104,255,0.3)}
.contact-method-content{flex:1}
.contact-method-content h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff;letter-spacing:-0.01em}
.contact-method-content p{margin:0 0 12px;color:#cbd5e1;font-size:14px;line-height:1.5}
.contact-link{display:inline-flex;align-items:center;gap:8px;color:#7db3ff;text-decoration:none;font-weight:500;font-size:15px;transition:all 0.3s}
.contact-link:hover{color:#12d7f4;transform:translateX(4px)}
.contact-link svg{transition:transform 0.3s}
.contact-link:hover svg{transform:translateX(2px)}
.contact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:32px;border-top:1px solid rgba(30,104,255,0.2)}
.contact-stats .stat-item{text-align:center;padding:16px}
.contact-stats .stat-number{font-size:24px;font-weight:800;color:#12d7f4;margin-bottom:4px;line-height:1}
.contact-stats .stat-label{font-size:12px;color:#cbd5e1;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.contact-form-panel{background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.05));backdrop-filter:blur(10px);border:1px solid rgba(30,104,255,0.2);border-radius:24px;padding:40px;position:relative;overflow:hidden}
.contact-form-panel::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(30,104,255,0.05),rgba(18,215,244,0.03));opacity:0;transition:opacity 0.4s}
.contact-form-panel:hover::before{opacity:1}
.form-header{margin-bottom:32px}
.form-header h3{margin:0 0 12px;font-size:24px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.form-header p{margin:0;color:#cbd5e1;font-size:16px;line-height:1.6}
.contact-form{display:flex;flex-direction:column;gap:24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-field{position:relative}
.form-field label{display:block;margin-bottom:8px;font-weight:600;color:#e5e7eb;font-size:14px;letter-spacing:0.01em}
.form-field input,.form-field select,.form-field textarea{width:100%;padding:16px 20px 16px 50px;background:rgba(14,21,43,0.8);border:1px solid rgba(30,104,255,0.25);border-radius:12px;color:#e5e7eb;font-size:15px;transition:all 0.3s;backdrop-filter:blur(8px)}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:rgba(30,104,255,0.5);box-shadow:0 0 0 4px rgba(30,104,255,0.15),0 8px 20px rgba(30,104,255,0.1);background:rgba(14,21,43,0.95);outline:none}
.form-field input::placeholder,.form-field textarea::placeholder{color:rgba(203,213,225,0.5)}
.form-field select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}
.field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#7db3ff;pointer-events:none;transition:color 0.3s}
.form-field:focus-within .field-icon{color:#12d7f4}
.form-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:8px}
.form-actions .btn{display:flex;align-items:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:600;min-width:200px;justify-content:center}
.form-note{color:#94a3b8;font-size:14px;text-align:center;margin:0}
.form{display:grid;gap:14px}
.field{display:grid;gap:6px}
label{font-weight:600}
input,textarea,select,button{font:inherit}
input,textarea,select{width:100%;background:rgba(14,21,43,.8);border:1px solid rgba(30,104,255,.25);color:#e5e7eb;border-radius:14px;padding:14px 16px;outline:none;transition:all .3s;backdrop-filter:blur(8px)}
input:focus,textarea:focus,select:focus{border-color:rgba(30,104,255,.5);box-shadow:0 0 0 4px rgba(30,104,255,.15),0 8px 20px rgba(30,104,255,.1);background:rgba(14,21,43,.95)}
.form-status{min-height:22px;color:var(--ok)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
[data-reveal]{opacity:0;transform:translateY(18px) scale(.97);transition:opacity .6s ease,transform .6s ease}
[data-reveal].is-visible{opacity:1;transform:translateY(0) scale(1)}
@media (max-width:960px){.hero-inner{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.cards,.work-grid{grid-template-columns:1fr 1fr}.nav-toggle{display:inline-flex}.nav-menu{display:none;position:absolute;right:24px;top:64px;background:#0b1226;border:1px solid #23324f;border-radius:16px;padding:10px 8px;flex-direction:column;min-width:200px;box-shadow:var(--shadow)}.nav-menu.open{display:flex}.nav-menu a{padding:10px 12px}.header-actions{gap:12px}.section-shimmer{padding:60px 15px}.shimmer-cards-grid,.shimmer-work-grid,.shimmer-product-grid{grid-template-columns:1fr 1fr}.shimmer-contact-grid{grid-template-columns:1fr}.shimmer-footer-grid{grid-template-columns:1fr 1fr}.shimmer-section-title{height:36px;width:90%}.shimmer-testimonials-carousel{gap:16px}.about-stats{grid-template-columns:repeat(2,1fr);gap:20px}.about-stats .stat-card{padding:30px 20px}.about-stats .stat-content h3{font-size:28px}.feature-grid{grid-template-columns:1fr;gap:30px}.about-cta{padding:40px 30px}.about-cta h3{font-size:28px}.about-cta .cta-actions{flex-direction:column;align-items:center}.cta-wrapper{grid-template-columns:1fr;gap:30px;text-align:center}.cta-actions{justify-content:center}.footer-grid{grid-template-columns:1fr;gap:40px;text-align:center}.footer-links{grid-template-columns:repeat(2,1fr);gap:30px}.footer-brand{max-width:none}.footer-social{text-align:center}.social-links{justify-content:center}}
@media (max-width:640px){.headline{font-size:40px}.cards,.work-grid{grid-template-columns:1fr}.header-actions{gap:8px}.language-toggle{padding:6px 10px;font-size:13px}.support-btn{padding:6px 12px;font-size:13px}.section-shimmer{padding:40px 10px}.shimmer-cards-grid,.shimmer-work-grid,.shimmer-product-grid,.shimmer-footer-grid{grid-template-columns:1fr}.shimmer-section-title{height:32px;width:95%}.shimmer-buttons{flex-direction:column;align-items:center}.shimmer-btn{width:100%;max-width:250px}.shimmer-hero-text{padding:0 10px}.shimmer-title,.shimmer-title-2{height:40px}.about-section{padding:80px 0}.about-header{margin-bottom:60px}.about-stats{grid-template-columns:1fr;gap:20px;margin-bottom:60px}.about-stats .stat-card{padding:30px 20px}.about-stats .stat-content h3{font-size:24px}.about-features{margin-bottom:60px}.feature-grid{grid-template-columns:1fr;gap:24px}.feature-item{padding:30px 24px}.feature-icon{width:60px;height:60px;margin-bottom:20px}.feature-item h3{font-size:20px}.about-cta{padding:40px 24px}.about-cta h3{font-size:24px}.about-cta p{font-size:16px}.footer-cta{padding:40px 0}.cta-content h3{font-size:24px}.cta-content p{font-size:14px}.cta-features{flex-direction:column;gap:12px;align-items:center}.footer-main{padding:40px 0 20px}.footer-links{grid-template-columns:1fr;gap:20px;text-align:center}.footer-bottom-content{flex-direction:column;text-align:center;gap:12px}}
.logo-row{display:flex;gap:10px;flex-wrap:wrap}
.logo-pill{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,rgba(14,21,43,.9),rgba(30,104,255,.08));border:1px solid rgba(30,104,255,.2);color:#e0e7ff;font-weight:600;font-size:15px;backdrop-filter:blur(6px);transition:all .3s}
.logo-pill:hover{background:linear-gradient(135deg,rgba(14,21,43,1),rgba(30,104,255,.12));border-color:rgba(30,104,255,.35);transform:translateY(-2px)}
.marquee{overflow:hidden;border:1px solid rgba(30,104,255,.2);border-radius:20px;background:linear-gradient(135deg,rgba(14,21,43,.8),rgba(30,104,255,.05));backdrop-filter:blur(8px)}
.marquee .track{display:inline-flex;gap:16px;padding:14px 0;white-space:nowrap;animation:scroll 22s linear infinite}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes featureGlow{0%{opacity:0.3}100%{opacity:0.7}}
.careers-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(15,23,42,0.98),rgba(8,12,20,1))}
.careers-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(30,104,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(18,215,244,0.08) 0%,transparent 50%);pointer-events:none}
.careers-hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:600px}
.careers-hero .page-hero-content{position:relative;z-index:2}
.careers-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));backdrop-filter:blur(10px);border:1px solid rgba(30,104,255,0.2);border-radius:50px;padding:8px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:24px;color:#12d7f4}
.careers-hero .hero-badge svg{color:#12d7f4}
.careers-hero .page-title{font-size:48px;font-weight:800;color:#fff;margin-bottom:24px;letter-spacing:-0.02em;line-height:1.2}
.careers-hero .page-subtitle{font-size:18px;color:#cbd5e1;line-height:1.7;margin-bottom:40px;max-width:500px}
.careers-hero .hero-stats{display:flex;gap:40px;margin-top:40px}
.careers-hero .hero-stats .stat-item{text-align:center}
.careers-hero .hero-stats .stat-number{font-size:32px;font-weight:800;color:#12d7f4;margin-bottom:4px}
.careers-hero .hero-stats .stat-label{font-size:14px;color:#94a3b8;text-transform:uppercase;letter-spacing:0.5px}
.careers-hero .hero-visual{position:relative;z-index:1}
.careers-hero .floating-elements{position:relative;height:400px}
.careers-hero .floating-card{position:absolute;background:rgba(30,41,59,0.6);backdrop-filter:blur(20px);border:1px solid rgba(30,104,255,0.2);border-radius:16px;padding:20px;display:flex;align-items:center;gap:12px;color:#fff;font-weight:600;animation:float 6s ease-in-out infinite}
.careers-hero .floating-card:nth-child(1){top:20%;left:10%;animation-delay:0s}
.careers-hero .floating-card:nth-child(2){top:50%;right:20%;animation-delay:2s}
.careers-hero .floating-card:nth-child(3){bottom:20%;left:30%;animation-delay:4s}
.careers-hero .floating-card svg{color:#12d7f4;flex-shrink:0}
@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}
.careers-overview{padding:80px 0;background:linear-gradient(135deg,rgba(30,104,255,0.03),rgba(18,215,244,0.02))}
.overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}
.overview-content h2{font-size:36px;font-weight:700;color:#fff;margin-bottom:24px;letter-spacing:-0.02em}
.overview-content p{font-size:18px;color:#cbd5e1;line-height:1.7;margin-bottom:40px}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.benefit-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:rgba(30,104,255,0.05);border:1px solid rgba(30,104,255,0.1);border-radius:16px;transition:all 0.3s ease}
.benefit-item:hover{background:rgba(30,104,255,0.08);border-color:rgba(30,104,255,0.2);transform:translateY(-2px)}
.benefit-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,rgba(18,215,244,0.2),rgba(30,104,255,0.15));border:1px solid rgba(18,215,244,0.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#12d7f4}
.benefit-content h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}
.benefit-content p{font-size:14px;color:#94a3b8;margin:0;line-height:1.5}
.overview-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.stat-item{text-align:center;padding:24px;background:rgba(30,104,255,0.05);border:1px solid rgba(30,104,255,0.1);border-radius:16px}
.stat-number{font-size:32px;font-weight:800;color:#12d7f4;margin-bottom:8px;line-height:1}
.stat-label{font-size:14px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.open-positions{padding:80px 0;background:linear-gradient(135deg,rgba(15,23,42,0.98),rgba(8,12,20,1))}
.positions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-top:60px}
.position-card{background:rgba(30,41,59,0.6);backdrop-filter:blur(25px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:32px;transition:all 0.4s ease;position:relative;overflow:hidden}
.position-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#12d7f4,#1e68ff);opacity:0;transition:opacity 0.3s ease}
.position-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(18,215,244,0.05) 0%,transparent 70%);opacity:0;transition:opacity 0.4s ease;pointer-events:none}
.position-card:hover::before{opacity:1}
.position-card:hover::after{opacity:1}
.position-card:hover{background:rgba(30,41,59,0.8);border-color:rgba(30,104,255,0.3);transform:translateY(-8px);box-shadow:0 25px 50px rgba(30,104,255,0.2)}
.position-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}
.position-header h3{font-size:20px;font-weight:700;color:#fff;margin:0;letter-spacing:-0.01em}
.position-type{background:linear-gradient(135deg,rgba(18,215,244,0.2),rgba(30,104,255,0.15));color:#12d7f4;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(18,215,244,0.3)}
.position-description{color:#cbd5e1;font-size:15px;line-height:1.6;margin-bottom:20px}
.position-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.position-tags span{background:rgba(30,104,255,0.1);color:#7db3ff;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid rgba(30,104,255,0.2)}
.position-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}
.position-location{color:#94a3b8;font-size:14px;font-weight:500}
.apply-btn{padding:10px 20px;font-size:14px;font-weight:600}
.application-form-section{padding:80px 0;background:linear-gradient(135deg,rgba(30,104,255,0.03),rgba(18,215,244,0.02))}
.form-header{text-align:center;margin-bottom:60px}
.form-header h2{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-0.02em}
.form-header p{font-size:18px;color:#cbd5e1;line-height:1.6;max-width:600px;margin:0 auto}
.application-form-container{max-width:800px;margin:0 auto}
.application-form{background:rgba(30,41,59,0.6);backdrop-filter:blur(25px);border:1px solid rgba(30,104,255,0.2);border-radius:24px;padding:48px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.form-field{margin-bottom:24px}
.form-field label{display:block;margin-bottom:8px;font-weight:600;color:#e5e7eb;font-size:14px;letter-spacing:0.01em}
.form-field input,.form-field select,.form-field textarea{width:100%;padding:16px;background:rgba(15,23,42,0.8);border:1px solid rgba(30,104,255,0.2);border-radius:12px;color:#fff;font-size:15px;transition:all 0.3s ease;font-family:inherit}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:rgba(18,215,244,0.5);background:rgba(15,23,42,0.9);box-shadow:0 0 0 3px rgba(18,215,244,0.1)}
.form-field input::placeholder,.form-field textarea::placeholder{color:#64748b}
.form-field textarea{resize:vertical;min-height:120px}
.file-upload{position:relative}
.file-upload input[type="file"]{position:absolute;opacity:0;pointer-events:none}
.file-upload-label{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(15,23,42,0.8);border:2px dashed rgba(30,104,255,0.3);border-radius:12px;color:#cbd5e1;cursor:pointer;transition:all 0.3s ease;font-size:15px}
.file-upload-label:hover{border-color:rgba(18,215,244,0.5);background:rgba(15,23,42,0.9)}
.checkbox-field{margin-bottom:32px}
.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;color:#cbd5e1;line-height:1.5;padding:16px;background:rgba(15,23,42,0.3);border:1px solid rgba(30,104,255,0.2);border-radius:12px;transition:all 0.3s ease}
.checkbox-label:hover{background:rgba(15,23,42,0.5);border-color:rgba(30,104,255,0.3)}
.checkbox-label input[type="checkbox"]{display:none}
.checkmark{flex-shrink:0;width:20px;height:20px;background:rgba(15,23,42,0.8);border:2px solid rgba(30,104,255,0.4);border-radius:6px;position:relative;transition:all 0.3s ease;margin-top:2px;display:block}
.checkbox-label input[type="checkbox"]:checked + .checkmark{background:linear-gradient(135deg,#12d7f4,#1e68ff);border-color:#12d7f4;box-shadow:0 0 0 3px rgba(18,215,244,0.2)}
.checkbox-label input[type="checkbox"]:checked + .checkmark::after{content:'';position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.checkbox-label input[type="checkbox"]:focus + .checkmark{box-shadow:0 0 0 3px rgba(18,215,244,0.3);border-color:#12d7f4}
.checkbox-label:focus-within{outline:2px solid rgba(18,215,244,0.3);outline-offset:2px;border-radius:12px}
.checkbox-label a{color:#12d7f4;text-decoration:none;font-weight:500}
.checkbox-label a:hover{text-decoration:underline;color:#1e68ff}
.form-actions{text-align:center;margin-top:40px}
.btn-large{padding:16px 32px;font-size:16px;font-weight:600}
.documentation-section{padding:80px 0;background:linear-gradient(135deg,rgba(15,23,42,0.98),rgba(8,12,20,1))}
.docs-grid{display:grid;grid-template-columns:300px 1fr;gap:60px;max-width:1200px;margin:0 auto}
.docs-sidebar{position:sticky;top:100px;height:fit-content}
.sidebar-content{background:rgba(30,41,59,0.6);backdrop-filter:blur(25px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:32px}
.sidebar-content h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:24px;letter-spacing:-0.01em}
.docs-nav ul{list-style:none;padding:0;margin:0}
.docs-nav li{margin-bottom:8px}
.nav-link{display:block;padding:12px 16px;color:#cbd5e1;text-decoration:none;border-radius:8px;transition:all 0.3s ease;font-size:14px}
.nav-link:hover{background:rgba(30,104,255,0.1);color:#12d7f4}
.nav-link.active{background:linear-gradient(135deg,rgba(18,215,244,0.2),rgba(30,104,255,0.15));color:#12d7f4;border:1px solid rgba(18,215,244,0.3)}
.docs-content{background:rgba(30,41,59,0.6);backdrop-filter:blur(25px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:48px}
.docs-section{margin-bottom:60px}
.docs-section h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:24px;letter-spacing:-0.02em}
.docs-section p{font-size:16px;color:#cbd5e1;line-height:1.7;margin-bottom:32px}
.docs-card{background:rgba(15,23,42,0.4);border:1px solid rgba(30,104,255,0.1);border-radius:16px;padding:32px;margin-bottom:32px}
.docs-card h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:16px}
.docs-card ul,.docs-card ol{padding-left:24px;color:#cbd5e1;line-height:1.6}
.docs-card li{margin-bottom:8px}
.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:24px}
.tech-item h4{font-size:16px;font-weight:600;color:#12d7f4;margin-bottom:12px}
.tech-item ul{list-style:none;padding:0}
.tech-item li{padding:8px 0;border-bottom:1px solid rgba(30,104,255,0.1)}
.faq-item{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(30,104,255,0.1)}
.faq-item h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}
.faq-item p{color:#cbd5e1;margin:0}
.blog-section{padding:80px 0;background:linear-gradient(135deg,rgba(15,23,42,0.98),rgba(8,12,20,1))}
.blog-filters{display:flex;gap:16px;margin-bottom:60px;justify-content:center;flex-wrap:wrap}
.filter-btn{padding:12px 24px;background:rgba(30,41,59,0.6);border:1px solid rgba(30,104,255,0.2);border-radius:12px;color:#cbd5e1;cursor:pointer;transition:all 0.3s ease;font-size:14px;font-weight:500}
.filter-btn:hover{background:rgba(30,104,255,0.1);border-color:rgba(30,104,255,0.3);color:#12d7f4}
.filter-btn.active{background:linear-gradient(135deg,rgba(18,215,244,0.2),rgba(30,104,255,0.15));border-color:rgba(18,215,244,0.3);color:#12d7f4}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-bottom:60px}
.blog-card{background:rgba(30,41,59,0.6);backdrop-filter:blur(25px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;overflow:hidden;transition:all 0.4s ease;position:relative}
.blog-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(30,104,255,0.2);border-color:rgba(30,104,255,0.3)}
.blog-card.featured{grid-column:span 2}
.blog-image{position:relative;height:200px;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));display:flex;align-items:center;justify-content:center}
.blog-placeholder{color:#12d7f4;opacity:0.6}
.blog-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,rgba(18,215,244,0.2),rgba(30,104,255,0.15));color:#12d7f4;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(18,215,244,0.3)}
.blog-content{padding:32px}
.blog-meta{display:flex;gap:16px;margin-bottom:16px;align-items:center}
.blog-category{background:rgba(18,215,244,0.1);color:#12d7f4;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}
.blog-date{color:#94a3b8;font-size:14px}
.blog-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-0.01em;line-height:1.3}
.blog-excerpt{color:#cbd5e1;font-size:15px;line-height:1.6;margin-bottom:24px}
.blog-footer{display:flex;justify-content:space-between;align-items:center}
.blog-author{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:14px}
.author-avatar{width:24px;height:24px;background:rgba(30,104,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#12d7f4}
.read-more{color:#12d7f4;text-decoration:none;font-weight:600;font-size:14px;transition:color 0.3s ease}
.read-more:hover{color:#1e68ff}
.blog-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:60px}
.pagination-btn{padding:12px 24px;background:rgba(30,41,59,0.6);border:1px solid rgba(30,104,255,0.2);border-radius:12px;color:#cbd5e1;cursor:pointer;transition:all 0.3s ease;font-size:14px;font-weight:500}
.pagination-btn:hover:not(:disabled){background:rgba(30,104,255,0.1);border-color:rgba(30,104,255,0.3);color:#12d7f4}
.pagination-btn:disabled{opacity:0.5;cursor:not-allowed}
.pagination-info{color:#94a3b8;font-size:14px}
.tutorials-section{padding:80px 0;background:linear-gradient(135deg,rgba(15,23,42,0.98),rgba(8,12,20,1))}
.tutorials-filters{display:flex;gap:16px;margin-bottom:60px;justify-content:center;flex-wrap:wrap}
.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-bottom:80px}
.tutorial-card{background:rgba(30,41,59,0.6);backdrop-filter:blur(25px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;overflow:hidden;transition:all 0.4s ease;position:relative}
.tutorial-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(30,104,255,0.2);border-color:rgba(30,104,255,0.3)}
.tutorial-image{position:relative;height:200px;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));display:flex;align-items:center;justify-content:center}
.tutorial-placeholder{color:#12d7f4;opacity:0.6}
.tutorial-badge{position:absolute;top:16px;right:16px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}
.tutorial-badge.beginner{background:linear-gradient(135deg,rgba(34,197,94,0.2),rgba(34,197,94,0.15));color:#22c55e;border:1px solid rgba(34,197,94,0.3)}
.tutorial-badge.intermediate{background:linear-gradient(135deg,rgba(245,158,11,0.2),rgba(245,158,11,0.15));color:#f59e0b;border:1px solid rgba(245,158,11,0.3)}
.tutorial-badge.advanced{background:linear-gradient(135deg,rgba(239,68,68,0.2),rgba(239,68,68,0.15));color:#ef4444;border:1px solid rgba(239,68,68,0.3)}
.tutorial-content{padding:32px}
.tutorial-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-0.01em;line-height:1.3}
.tutorial-excerpt{color:#cbd5e1;font-size:15px;line-height:1.6;margin-bottom:20px}
.tutorial-meta{display:flex;gap:16px;margin-bottom:24px}
.tutorial-duration,.tutorial-lessons{color:#94a3b8;font-size:14px;display:flex;align-items:center;gap:4px}
.tutorial-footer{display:flex;justify-content:space-between;align-items:center}
.tutorial-rating{display:flex;align-items:center;gap:8px}
.stars{color:#fbbf24;font-size:14px}
.rating-text{color:#94a3b8;font-size:12px}
.tutorial-btn{padding:10px 20px;background:linear-gradient(135deg,rgba(18,215,244,0.2),rgba(30,104,255,0.15));border:1px solid rgba(18,215,244,0.3);border-radius:12px;color:#12d7f4;text-decoration:none;font-size:14px;font-weight:600;transition:all 0.3s ease}
.tutorial-btn:hover{background:linear-gradient(135deg,rgba(18,215,244,0.3),rgba(30,104,255,0.25));border-color:rgba(18,215,244,0.5);transform:translateY(-2px)}
.tutorials-cta{background:rgba(30,41,59,0.6);backdrop-filter:blur(25px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:60px;text-align:center}
.cta-content h3{font-size:32px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-0.02em}
.cta-content p{font-size:18px;color:#cbd5e1;line-height:1.6;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}
.legal-section{padding:80px 0;background:linear-gradient(135deg,rgba(15,23,42,0.98),rgba(8,12,20,1))}
.legal-content{display:grid;grid-template-columns:300px 1fr;gap:60px;max-width:1200px;margin:0 auto}
.legal-sidebar{position:sticky;top:100px;height:fit-content}
.legal-nav{background:rgba(30,41,59,0.6);backdrop-filter:blur(25px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:32px}
.legal-nav ul{list-style:none;padding:0;margin:0}
.legal-nav li{margin-bottom:8px}
.legal-nav .nav-link{display:block;padding:12px 16px;color:#cbd5e1;text-decoration:none;border-radius:8px;transition:all 0.3s ease;font-size:14px}
.legal-nav .nav-link:hover{background:rgba(30,104,255,0.1);color:#12d7f4}
.legal-nav .nav-link.active{background:linear-gradient(135deg,rgba(18,215,244,0.2),rgba(30,104,255,0.15));color:#12d7f4;border:1px solid rgba(18,215,244,0.3)}
.legal-main{background:rgba(30,41,59,0.6);backdrop-filter:blur(25px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:48px}
.legal-section-content{margin-bottom:60px}
.legal-section-content h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:24px;letter-spacing:-0.02em}
.legal-section-content h3{font-size:20px;font-weight:600;color:#12d7f4;margin-bottom:16px;margin-top:32px}
.legal-section-content p{font-size:16px;color:#cbd5e1;line-height:1.7;margin-bottom:24px}
.legal-section-content ul{color:#cbd5e1;line-height:1.6;margin-bottom:24px}
.legal-section-content li{margin-bottom:8px}
.legal-section-content strong{color:#fff;font-weight:600}
.contact-info{background:rgba(15,23,42,0.4);border:1px solid rgba(30,104,255,0.1);border-radius:16px;padding:24px;margin-top:24px}
.contact-info p{margin-bottom:12px}
.contact-info a{color:#12d7f4;text-decoration:none;font-weight:500}
.contact-info a:hover{color:#1e68ff;text-decoration:underline}
.social-link.whatsapp .social-icon svg{color:#fff !important}
.header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0;min-width:fit-content}
.language-switcher{position:relative;flex-shrink:0}
.support-btn{flex-shrink:0}
.language-toggle{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);padding:8px 10px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px;color:var(--text);font-size:13px;font-weight:500}
.language-toggle:hover{background:var(--elev);border-color:var(--brand);transform:translateY(-1px)}
.language-toggle:active{transform:translateY(0)}
.language-toggle svg{transition:var(--transition)}
.language-dropdown{position:absolute;top:100%;right:0;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);z-index:1000;margin-top:8px}
.language-switcher:hover .language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.language-switcher:hover .language-toggle svg{transform:rotate(180deg)}
.language-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}
/* Project Requirements Modal */
.project-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
display: none;
align-items: center;
justify-content: center;
padding: 20px;
animation: modalFadeIn 0.3s ease-out;
}
.project-modal.active {
display: flex;
}
@keyframes modalFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.modal-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
backdrop-filter: blur(15px);
animation: overlayFadeIn 0.3s ease-out;
}
@keyframes overlayFadeIn {
from {
backdrop-filter: blur(0px);
background: rgba(0, 0, 0, 0);
}
to {
backdrop-filter: blur(15px);
background: rgba(0, 0, 0, 0.85);
}
}
.modal-content {
position: relative;
background: var(--bg-primary);
border-radius: 24px;
padding: 0;
max-width: 650px;
width: 100%;
max-height: 90vh;
overflow-y: auto;
border: 1px solid var(--border-color);
box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05);
animation: modalSlideIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
transform-origin: center;
}
@keyframes modalSlideIn {
from {
opacity: 0;
transform: scale(0.8) translateY(30px);
}
to {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 35px 35px 25px;
border-bottom: 1px solid var(--border-color);
background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
border-radius: 24px 24px 0 0;
position: relative;
}
.modal-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));
border-radius: 24px 24px 0 0;
}
.modal-header h3 {
margin: 0;
font-size: 26px;
font-weight: 700;
color: var(--text-primary);
display: flex;
align-items: center;
gap: 12px;
}
.modal-header h3::before {
content: '';
font-size: 24px;
}
.modal-close {
background: var(--bg-secondary);
border: 1px solid var(--border-color);
font-size: 20px;
color: var(--text-secondary);
cursor: pointer;
padding: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}
.modal-close::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
transition: left 0.5s;
}
.modal-close:hover {
background: var(--accent-primary);
color: white;
border-color: var(--accent-primary);
transform: scale(1.05);
}
.modal-close:hover::before {
left: 100%;
}
.modal-close:active {
transform: scale(0.95);
}
.project-form {
padding: 35px;
background: var(--bg-primary);
}
.form-group {
margin-bottom: 28px;
position: relative;
}
.form-group label {
display: block;
margin-bottom: 10px;
font-weight: 600;
color: var(--text-primary);
font-size: 15px;
position: relative;
padding-left: 8px;
}
.form-group label::before {
content: '';
position: absolute;
left: -8px;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 16px;
background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
border-radius: 2px;
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 16px 20px;
border: 2px solid var(--border-color);
border-radius: 14px;
background: var(--bg-secondary);
color: var(--text-primary);
font-size: 15px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-sizing: border-box;
position: relative;
font-family: inherit;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
outline: none;
border-color: var(--accent-primary);
box-shadow: 0 0 0 4px rgba(30, 104, 255, 0.15);
background: var(--bg-primary);
transform: translateY(-2px);
}
.form-group input:hover,
.form-group select:hover,
.form-group textarea:hover {
border-color: var(--accent-primary);
background: var(--bg-primary);
}
.form-group textarea {
resize: vertical;
min-height: 120px;
line-height: 1.6;
}
.form-group input::placeholder,
.form-group textarea::placeholder {
color: var(--text-tertiary);
font-style: italic;
}
.form-group select {
cursor: pointer;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
background-position: right 12px center;
background-repeat: no-repeat;
background-size: 16px;
padding-right: 45px;
appearance: none;
}
/* Phone Input Container */
.phone-input-container {
display: flex;
gap: 12px;
align-items: stretch;
}
.country-code-select {
flex: 0 0 140px;
min-width: 140px;
padding: 16px 20px;
border: 2px solid var(--border-color);
border-radius: 14px;
background: var(--bg-secondary);
color: var(--text-primary);
font-size: 15px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
background-position: right 12px center;
background-repeat: no-repeat;
background-size: 16px;
padding-right: 45px;
font-weight: 600;
}
.country-code-select:focus {
outline: none;
border-color: var(--accent-primary);
box-shadow: 0 0 0 4px rgba(30, 104, 255, 0.15);
background: var(--bg-primary);
transform: translateY(-2px);
}
.country-code-select:hover {
border-color: var(--accent-primary);
background: var(--bg-primary);
}
.phone-number-input {
flex: 1;
padding: 16px 20px;
border: 2px solid var(--border-color);
border-radius: 14px;
background: var(--bg-secondary);
color: var(--text-primary);
font-size: 15px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-sizing: border-box;
font-family: inherit;
}
.phone-number-input:focus {
outline: none;
border-color: var(--accent-primary);
box-shadow: 0 0 0 4px rgba(30, 104, 255, 0.15);
background: var(--bg-primary);
transform: translateY(-2px);
}
.phone-number-input:hover {
border-color: var(--accent-primary);
background: var(--bg-primary);
}
.phone-number-input::placeholder {
color: var(--text-tertiary);
font-style: italic;
}
.form-actions {
display: flex;
gap: 18px;
justify-content: flex-end;
margin-top: 40px;
padding-top: 25px;
border-top: 1px solid var(--border-color);
position: relative;
}
.form-actions::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 1px;
background: linear-gradient(90deg, transparent, var(--accent-primary), transparent);
}
.form-actions .btn {
min-width: 140px;
padding: 14px 28px;
font-weight: 600;
border-radius: 12px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}
.form-actions .btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: left 0.5s;
}
.form-actions .btn:hover::before {
left: 100%;
}
.form-actions .btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.form-actions .btn:active {
transform: translateY(0);
}
/* Form Validation States */
.form-group input:valid,
.form-group select:valid,
.form-group textarea:valid {
border-color: #10b981;
}
.form-group input:invalid:not(:placeholder-shown),
.form-group select:invalid:not(:placeholder-shown),
.form-group textarea:invalid:not(:placeholder-shown) {
border-color: #ef4444;
box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1);
}
/* Form Loading State */
.form-loading {
position: relative;
pointer-events: none;
}
.form-loading::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(2px);
border-radius: 24px;
z-index: 1;
}
.form-loading .form-actions .btn {
background: var(--accent-primary);
color: white;
position: relative;
}
.form-loading .form-actions .btn::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border: 2px solid transparent;
border-top: 2px solid white;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}
/* Form Success Animation */
.form-success {
animation: formSuccess 0.6s ease-out;
}
@keyframes formSuccess {
0% {
transform: scale(1);
}
50% {
transform: scale(1.02);
}
100% {
transform: scale(1);
}
}
/* Enhanced Form Group Animations */
.form-group {
animation: formGroupSlideIn 0.4s ease-out;
animation-fill-mode: both;
}
.form-group:nth-child(1) { animation-delay: 0.1s; }
.form-group:nth-child(2) { animation-delay: 0.15s; }
.form-group:nth-child(3) { animation-delay: 0.2s; }
.form-group:nth-child(4) { animation-delay: 0.25s; }
.form-group:nth-child(5) { animation-delay: 0.3s; }
.form-group:nth-child(6) { animation-delay: 0.35s; }
.form-group:nth-child(7) { animation-delay: 0.4s; }
.form-group:nth-child(8) { animation-delay: 0.45s; }
@keyframes formGroupSlideIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Custom Scrollbar for Modal */
.modal-content::-webkit-scrollbar {
width: 6px;
}
.modal-content::-webkit-scrollbar-track {
background: var(--bg-secondary);
border-radius: 3px;
}
.modal-content::-webkit-scrollbar-thumb {
background: var(--accent-primary);
border-radius: 3px;
}
.modal-content::-webkit-scrollbar-thumb:hover {
background: var(--accent-secondary);
}
/* Responsive Modal */
@media (max-width: 768px) {
.project-modal {
padding: 15px;
}
.modal-content {
max-height: 95vh;
border-radius: 20px;
max-width: 100%;
}
.modal-header {
padding: 25px 25px 20px;
border-radius: 20px 20px 0 0;
}
.modal-header h3 {
font-size: 22px;
}
.modal-header h3::before {
font-size: 20px;
}
.modal-close {
width: 36px;
height: 36px;
font-size: 18px;
}
.project-form {
padding: 25px;
}
.form-group {
margin-bottom: 24px;
}
.form-group input,
.form-group select,
.form-group textarea {
padding: 14px 18px;
font-size: 16px;
}
.phone-input-container {
flex-direction: column;
gap: 10px;
}
.country-code-select {
flex: none;
width: 100%;
min-width: auto;
}
.phone-number-input {
flex: none;
width: 100%;
}
.form-group textarea {
min-height: 100px;
}
.form-actions {
flex-direction: column;
gap: 15px;
margin-top: 35px;
}
.form-actions .btn {
width: 100%;
min-width: auto;
padding: 16px 24px;
}
}
@media (max-width: 480px) {
.project-modal {
padding: 10px;
}
.modal-content {
border-radius: 16px;
}
.modal-header {
padding: 20px 20px 15px;
border-radius: 16px 16px 0 0;
}
.modal-header h3 {
font-size: 20px;
}
.project-form {
padding: 20px;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
font-size: 14px;
}
.form-group input,
.form-group select,
.form-group textarea {
padding: 12px 16px;
font-size: 15px;
border-radius: 12px;
}
}
.lang-option{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text);text-decoration:none;transition:var(--transition);border-bottom:1px solid var(--border-color)}
.lang-option:last-child{border-bottom:none}
.lang-option:hover{background:var(--elev);color:var(--brand)}
.lang-option.active{background:var(--brand);color:#fff}
.lang-option.active:hover{background:var(--brand-light)}
.flag{font-size:18px}
.lang-name{font-size:14px;font-weight:500}
.testimonials-section{background:linear-gradient(135deg,rgba(30,104,255,0.02),rgba(18,215,244,0.01));position:relative;overflow:hidden}
.testimonials-section::before{content:'';position:absolute;top:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(30,104,255,0.08),transparent 70%);border-radius:50%;filter:blur(60px)}
.testimonials-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px;max-width:1200px;margin-left:auto;margin-right:auto}
.header-content{text-align:left}
.header-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));backdrop-filter:blur(10px);border:1px solid rgba(30,104,255,0.2);border-radius:50px;padding:8px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:24px;color:#12d7f4}
.header-badge svg{color:#12d7f4}
.header-content .section-title{font-family:var(--font-primary);font-size:48px;font-weight:700;margin:0 0 20px;line-height:1.1;letter-spacing:-0.02em;background:linear-gradient(135deg,#fff,#7db3ff,#12d7f4);-webkit-background-clip:text;background-clip:text;color:transparent}
.header-content .section-subtitle{font-size:18px;margin:0 0 32px;opacity:.9;line-height:1.6;color:#cbd5e1}
.header-stats{display:flex;gap:32px;flex-wrap:wrap}
.header-stat{text-align:center}
.header-stat .stat-number{font-size:32px;font-weight:800;color:#12d7f4;margin-bottom:4px;line-height:1}
.header-stat .stat-label{font-size:14px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.header-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:300px}
.visual-element{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center}
.quote-icon{width:120px;height:120px;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));backdrop-filter:blur(10px);border:2px solid rgba(30,104,255,0.2);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#12d7f4;animation:pulse 3s ease-in-out infinite}
.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}
.floating-dot{position:absolute;width:8px;height:8px;background:linear-gradient(135deg,#12d7f4,#1e68ff);border-radius:50%;animation:float 4s ease-in-out infinite}
.dot-1{top:20%;left:10%;animation-delay:0s}
.dot-2{top:60%;right:15%;animation-delay:1.5s}
.dot-3{bottom:20%;left:20%;animation-delay:3s}
@keyframes pulse{0%,100%{transform:scale(1);opacity:0.8}50%{transform:scale(1.05);opacity:1}}
.testimonials-carousel{position:relative;margin-bottom:60px;padding:0 80px}
.carousel-track{display:flex;gap:24px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:20px 0}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-nav{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;z-index:10;transform:translateY(-50%)}
.nav-btn{width:50px;height:50px;background:linear-gradient(135deg,rgba(30,104,255,0.9),rgba(18,215,244,0.8));backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.3);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;transition:all 0.3s;box-shadow:0 6px 25px rgba(30,104,255,0.4);pointer-events:auto}
.nav-btn:hover{background:linear-gradient(135deg,rgba(30,104,255,1),rgba(18,215,244,1));border-color:rgba(255,255,255,0.5);transform:scale(1.1);box-shadow:0 8px 35px rgba(30,104,255,0.6)}
.nav-btn:active{transform:scale(0.95)}
.prev-btn{margin-left:0}
.next-btn{margin-right:0}
.testimonial-card{background:linear-gradient(135deg,rgba(30,104,255,0.06),rgba(18,215,244,0.03));backdrop-filter:blur(10px);border:1px solid rgba(30,104,255,0.15);border-radius:16px;padding:0;transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;overflow:hidden;width:320px;flex-shrink:0;will-change:transform}
.testimonial-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(30,104,255,0.03),rgba(18,215,244,0.02));opacity:0;transition:opacity 0.4s}
.testimonial-card:hover::before{opacity:1}
.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,104,255,0.15);border-color:rgba(30,104,255,0.3)}
.testimonial-card.featured{background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.05));border-color:rgba(30,104,255,0.25)}
.testimonial-card.video-style{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(14,21,43,0.9),rgba(30,104,255,0.05));border:1px solid rgba(30,104,255,0.2);padding:0}
.video-container{position:relative;width:100%;height:160px;overflow:hidden;border-radius:16px 16px 0 0}
.testimonial-video{width:100%;height:100%;object-fit:cover;border-radius:16px 16px 0 0}
.video-controls{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0.3),rgba(30,104,255,0.1));display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s;z-index:2}
.testimonial-card.video-style:hover .video-controls{opacity:1}
.play-button{width:45px;height:45px;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#1e68ff;cursor:pointer;transition:all 0.3s;box-shadow:0 6px 20px rgba(0,0,0,0.3)}
.play-button:hover{transform:scale(1.1);background:#fff;box-shadow:0 8px 25px rgba(0,0,0,0.4)}
.video-duration{position:absolute;top:12px;right:12px;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);color:#fff;padding:3px 6px;border-radius:4px;font-size:10px;font-weight:600;z-index:3}
.video-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(0,0,0,0.3);z-index:3}
.progress-bar{height:100%;background:linear-gradient(90deg,#1e68ff,#12d7f4);width:0%;transition:width 0.3s}
.testimonial-card.video-style .testimonial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px;padding:16px 16px 0}
.testimonial-card.video-style .testimonial-content{padding:0 16px 12px}
.testimonial-card.video-style .testimonial-metrics{padding:0 16px 16px}
.testimonial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}
.client-info{display:flex;gap:10px;align-items:flex-start}
.client-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(30,104,255,0.2)}
.client-avatar img{width:100%;height:100%;object-fit:cover}
.client-details h4{margin:0 0 2px;font-size:14px;font-weight:600;color:#fff;letter-spacing:-0.01em}
.client-details p{margin:0 0 2px;color:#cbd5e1;font-size:11px;font-weight:500}
.client-details .company{color:#7db3ff;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.rating{display:flex;align-items:center;gap:4px;flex-shrink:0}
.stars{display:flex;gap:2px;color:#fbbf24}
.stars svg{width:12px;height:12px}
.rating-text{color:#cbd5e1;font-size:11px;font-weight:600}
.testimonial-content{margin-bottom:12px}
.testimonial-content p{margin:0;color:#e5e7eb;font-size:12px;line-height:1.5;font-style:italic}
.testimonial-metrics{display:flex;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(30,104,255,0.1)}
.metric{text-align:center;min-width:60px;flex:1}
.metric-value{display:block;font-size:14px;font-weight:800;color:#12d7f4;margin-bottom:2px;line-height:1}
.metric-label{font-size:9px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:0.3px}
.testimonials-footer{margin-top:60px;padding-top:40px;border-top:1px solid rgba(30,104,255,0.1)}
.trust-indicators{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;max-width:800px;margin:0 auto}
.trust-item{text-align:center}
.trust-number{display:block;font-size:36px;font-weight:800;background:linear-gradient(135deg,#fff,#7db3ff,#12d7f4);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;line-height:1}
.trust-label{font-size:14px;color:#cbd5e1;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.quote{margin:0;background:linear-gradient(135deg,rgba(14,21,43,.9),rgba(30,104,255,.05));backdrop-filter:blur(12px);border:1px solid rgba(30,104,255,.2);border-radius:20px;padding:32px;opacity:.4;transform:scale(.96) translateY(10px);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}
.quote:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at 50% 0%,rgba(30,104,255,.08),transparent 50%);opacity:0;transition:opacity .5s}
.quote.active{opacity:1;transform:scale(1) translateY(0);box-shadow:0 30px 70px rgba(30,104,255,.15);border-color:rgba(30,104,255,.35)}
.quote.active:before{opacity:1}
.quote p{font-size:18px;line-height:1.7;color:#e0e7ff}
.quote footer{margin-top:16px;color:#7db3ff;font-weight:600}
.cards .actions{margin-top:10px}
.site-header.scrolled{background:rgba(15,23,42,.85);height:56px;transition:height .2s ease}
.scroll-progress{appearance:none;position:absolute;inset:auto 0 0 0;height:3px;width:100%;border:0;background:transparent}
.scroll-progress::-webkit-progress-bar{background:transparent}
.scroll-progress::-webkit-progress-value{background:linear-gradient(90deg,#1e68ff,#12d7f4);box-shadow:0 0 10px rgba(30,104,255,.5)}
.scroll-progress::-moz-progress-bar{background:linear-gradient(90deg,#1e68ff,#12d7f4);box-shadow:0 0 10px rgba(30,104,255,.5)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:18px;padding:28px 0}
.footer-col h4{margin:0 0 10px;font-size:14px;color:#cbd5e1}
.footer-col ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.footer-col a{color:#94a3b8;text-decoration:none}
.footer-col a:hover{color:#e5e7eb}
.footer-bottom{border-top:1px solid rgba(148,163,184,.12);padding:14px 0;text-align:center;color:#94a3b8}
.to-top{position:fixed;right:18px;bottom:18px;width:50px;height:50px;border-radius:999px;border:1px solid rgba(30,104,255,.3);background:linear-gradient(135deg,rgba(14,21,43,.95),rgba(30,104,255,.1));backdrop-filter:blur(12px);color:#e5e7eb;display:none;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:all .3s;cursor:pointer;font-size:20px}
.to-top.show{display:flex}
.to-top:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(30,104,255,.3);border-color:rgba(30,104,255,.5);background:linear-gradient(135deg,rgba(30,104,255,.2),rgba(18,215,244,.1))}
@media (max-width:960px){.footer-grid{grid-template-columns:1fr 1fr}.site-header.scrolled{height:60px}.footer-wrap{grid-template-columns:1fr;gap:32px}.cta-content h3{font-size:28px}.cta-buttons{flex-direction:column;align-items:center}.social-links{justify-content:center}.footer-bottom-content{flex-direction:column;text-align:center;gap:12px}.contact-content{grid-template-columns:1fr;gap:40px}.contact-info-panel,.contact-form-panel{padding:32px}.contact-stats{grid-template-columns:1fr;gap:16px}.form-row{grid-template-columns:1fr}.testimonials-grid{grid-template-columns:1fr;gap:20px}.testimonial-card.featured{grid-column:span 1}.trust-indicators{grid-template-columns:repeat(2,1fr);gap:30px}.cta-wrapper{grid-template-columns:1fr;gap:40px;text-align:center}.cta-content h3{font-size:36px}.cta-content p{font-size:18px;max-width:none}.cta-features{justify-content:center}.cta-visual{min-height:200px}.cta-stats{grid-template-columns:repeat(3,1fr);gap:16px}.testimonials-header{grid-template-columns:1fr;gap:40px;text-align:center}.header-content{text-align:center}.header-content .section-title{font-size:36px}.header-stats{justify-content:center}.header-visual{min-height:200px}.testimonials-carousel{padding:0 60px}.carousel-track{padding:20px 0}.nav-btn{width:45px;height:45px}.prev-btn{margin-left:0}.next-btn{margin-right:0}}
@media (max-width:640px){.cta-content h3{font-size:24px}.cta-content p{font-size:16px}.social-links{flex-direction:column;align-items:center}.social-link{justify-content:center;min-width:140px}.footer-legal{flex-direction:column;gap:8px}.testimonial-card{padding:24px}.testimonial-header{flex-direction:column;gap:12px}.client-info{justify-content:center}.rating{justify-content:center}.testimonial-metrics{justify-content:center;gap:16px}.trust-indicators{grid-template-columns:1fr;gap:20px}.trust-number{font-size:28px}.footer-cta{padding:60px 0}.cta-content h3{font-size:32px}.cta-content p{font-size:16px}.cta-features{flex-direction:column;align-items:center;gap:16px}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:280px;justify-content:center}.cta-stats{grid-template-columns:1fr;gap:16px}.cta-stat{padding:20px}.header-content .section-title{font-size:28px}.header-stats{flex-direction:column;gap:16px;align-items:center}.header-visual{min-height:150px}.visual-element{width:150px;height:150px}.quote-icon{width:80px;height:80px}.play-button{width:50px;height:50px}.testimonials-carousel{padding:0 50px}.carousel-track{padding:20px 0}.nav-btn{width:40px;height:40px}.prev-btn{margin-left:0}.next-btn{margin-right:0}}
.footer-cta{background:linear-gradient(135deg,#1e68ff 0%,#3d88ff 50%,#12d7f4 100%);position:relative;overflow:hidden;padding:80px 0}
.footer-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at 30% 20%,rgba(255,255,255,.15),transparent 50%),radial-gradient(600px circle at 70% 80%,rgba(255,255,255,.1),transparent 50%);opacity:.8}
.footer-cta::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}
.cta-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.cta-content{color:#fff}
.cta-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:8px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:24px;color:#fff}
.cta-badge svg{color:#12d7f4}
.cta-content h3{font-size:48px;font-weight:800;margin:0 0 20px;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-0.02em}
.cta-content p{font-size:20px;margin:0 0 32px;opacity:.95;line-height:1.6;max-width:500px}
.cta-features{display:flex;gap:24px;margin-bottom:40px;flex-wrap:wrap}
.cta-feature{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;color:#fff;transition:all 0.3s}
.cta-feature:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.cta-feature svg{color:#12d7f4;flex-shrink:0}
.cta-buttons{display:flex;gap:20px;flex-wrap:wrap}
.cta-buttons .btn{display:flex;align-items:center;gap:12px;padding:18px 32px;font-size:16px;font-weight:600;border-radius:16px;transition:all 0.3s;text-decoration:none;position:relative;overflow:hidden}
.cta-buttons .btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left 0.5s}
.cta-buttons .btn:hover::before{left:100%}
.cta-buttons .btn-primary{background:rgba(255,255,255,.95);color:#1e68ff;box-shadow:0 8px 25px rgba(0,0,0,.15)}
.cta-buttons .btn-primary:hover{background:#fff;transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.25)}
.cta-buttons .btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}
.cta-buttons .btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);transform:translateY(-3px)}
.cta-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}
.cta-stats{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:40px}
.cta-stat{text-align:center;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;transition:all 0.3s}
.cta-stat:hover{background:rgba(255,255,255,.15);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.cta-stat .stat-number{font-size:32px;font-weight:800;color:#fff;margin-bottom:8px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.cta-stat .stat-label{font-size:14px;color:rgba(255,255,255,.8);font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.cta-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}
.decoration-circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);animation:float 6s ease-in-out infinite}
.circle-1{width:120px;height:120px;top:20%;left:10%;animation-delay:0s}
.circle-2{width:80px;height:80px;top:60%;right:15%;animation-delay:2s}
.circle-3{width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}
@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}
.footer-wrap{display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:24px;padding:30px 0}
.cta-content{text-align:center;max-width:800px;margin:0 auto}
.cta-content h3{font-size:32px;margin:0 0 16px;font-weight:700;background:linear-gradient(135deg,#fff 0%,#e0f2ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cta-content p{font-size:18px;margin:0 0 24px;opacity:.9;line-height:1.6}
.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.footer-social{margin-top:24px}
.footer-social h4{margin:0 0 16px;font-size:16px;color:#e5e7eb;font-weight:600}
.social-links{display:flex;gap:12px;flex-wrap:wrap}
.social-link{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(30,104,255,.1);border:1px solid rgba(30,104,255,.2);border-radius:12px;color:#e5e7eb;text-decoration:none;transition:all .3s;font-size:14px;font-weight:500}
.social-link:hover{background:rgba(30,104,255,.2);border-color:rgba(30,104,255,.4);transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,104,255,.2)}
.social-link.instagram:hover{background:linear-gradient(135deg,#e1306c,#fd1d1d);border-color:#e1306c;color:#fff}
.social-link.whatsapp:hover{background:linear-gradient(135deg,#25d366,#128c7e);border-color:#25d366;color:#fff}
.social-link.facebook:hover{background:linear-gradient(135deg,#1877f2,#42a5f5);border-color:#1877f2;color:#fff}
.social-link.linkedin:hover{background:linear-gradient(135deg,#0077b5,#00a0dc);border-color:#0077b5;color:#fff}
.social-link.twitter:hover{background:linear-gradient(135deg,#1da1f2,#42a5f5);border-color:#1da1f2;color:#fff}
.social-link.codecanyon:hover{background:linear-gradient(135deg,#81b441,#a4d65e);border-color:#81b441;color:#fff}
.contact-info{display:flex;flex-direction:column;gap:12px}
.contact-item{display:flex;align-items:center;gap:12px;color:#cbd5e1;font-size:14px}
.contact-item svg{color:#7db3ff;flex-shrink:0}
.contact-item a{color:#cbd5e1;text-decoration:none;transition:color .3s}
.contact-item a:hover{color:#e5e7eb}
.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;gap:16px}
.footer-legal{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.footer-legal a{color:#94a3b8;text-decoration:none;font-size:14px;transition:color .3s}
.footer-legal a:hover{color:#e5e7eb}
.footer-brand p{margin:8px 0 14px;color:#cbd5e1}
.social-row{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.social-row a{display:inline-flex;align-items:center;gap:8px;color:#cbd5e1;text-decoration:none;border:1px solid rgba(30,104,255,.25);border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,rgba(14,21,43,.8),rgba(30,104,255,.05));backdrop-filter:blur(6px);transition:all .3s}
.social-row a:hover{border-color:rgba(30,104,255,.5);background:linear-gradient(135deg,rgba(30,104,255,.15),rgba(18,215,244,.1));transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,104,255,.2)}
.footer-contact a{text-decoration:none;color:#cbd5e1}
.footer-contact a:hover{color:#fff}
.footer-contact p{margin:6px 0;color:#cbd5e1}
.footer-col h4,.footer-contact h4{margin:0 0 10px;font-size:14px;color:#e5e7eb}
.footer-bottom{border-top:1px solid rgba(148,163,184,.12);padding:14px 0;text-align:center;color:#94a3b8}
@media (max-width:960px){.footer-wrap{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.cta-inner{flex-direction:column;align-items:flex-start;gap:12px}}
.btn-lg{padding:14px 22px;font-size:16px}
.btn-outline{border-color:#3b4b6f}
.btn-glow{box-shadow:0 0 0 rgba(34,211,238,0);transition:box-shadow .25s ease,transform .15s ease}
.btn-glow:hover{box-shadow:0 10px 30px rgba(34,211,238,.35)}
.magnetic{position:relative;will-change:transform}
.tilt{transform-style:preserve-3d;perspective:800px;transition:transform .15s ease,box-shadow .2s ease}
.tilt:hover{box-shadow:0 25px 50px rgba(0,0,0,.45)}
.starfield{position:absolute;inset:0;border-radius:16px;pointer-events:none;z-index:0}
.grid{position:absolute;inset:10% 6%;z-index:1}
.orb{z-index:2}
.cursor-star{position:fixed;pointer-events:none;z-index:59;font-size:12px;animation:twinkle 1.5s ease-out forwards;will-change:transform,opacity}
@keyframes twinkle{0%{transform:translate(-50%,-50%) scale(0) rotate(0deg);opacity:1}50%{opacity:1}100%{transform:translate(-50%,-50%) scale(1.5) rotate(180deg);opacity:0}}
.floating-logo-card{position:relative;display:flex;justify-content:center;margin:40px 0 60px;z-index:10}
.logo-card-content{display:flex;align-items:center;gap:20px;background:rgba(30,104,255,.08);backdrop-filter:blur(20px);border:1px solid rgba(30,104,255,.2);border-radius:20px;padding:25px 35px;box-shadow:0 20px 40px rgba(30,104,255,.15),0 0 0 1px rgba(18,215,244,.1);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}
.logo-card-content::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(30,104,255,.1) 0%,rgba(18,215,244,.05) 100%);opacity:0;transition:opacity .4s ease}
.logo-card-content:hover::before{opacity:1}
.logo-card-content:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 30px 60px rgba(30,104,255,.25),0 0 0 1px rgba(18,215,244,.2)}
.floating-logo{width:60px;height:60px;border-radius:12px;box-shadow:0 10px 25px rgba(30,104,255,.3);transition:all .3s ease;position:relative;z-index:2}
.logo-card-content:hover .floating-logo{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 35px rgba(30,104,255,.4)}
.logo-text{position:relative;z-index:2}
.logo-text h3{margin:0 0 8px;font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff 0%,#7db3ff 50%,#12d7f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em}
.logo-text p{margin:0 0 12px;color:#bfdbfe;font-size:16px;font-weight:500}
.rating-stars{font-size:18px;color:#ffd700;text-shadow:0 0 10px rgba(255,215,0,.5);letter-spacing:2px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.product-card{background:rgba(14,21,43,.85);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}
.product-card:before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(30,104,255,.08),transparent 40%);opacity:0;transition:opacity .3s}
.product-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px rgba(30,104,255,.2),0 0 0 1px rgba(30,104,255,.25);border-color:rgba(30,104,255,.35)}
.product-card:hover:before{opacity:1}
.product-card .product-icon{width:42px;height:42px;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(30,104,255,.3))}
.product-card h3{margin:8px 0 6px;font-size:17px;color:#fff}
.product-card p{margin:0 0 14px;color:#d1d5db;font-size:14px;line-height:1.6}
.info-cards{display:grid;grid-template-columns:1fr;gap:14px;margin:12px 0}
.info-card{background:linear-gradient(135deg,rgba(14,21,43,.85),rgba(30,104,255,.03));border:1px solid rgba(30,104,255,.2);border-radius:16px;padding:18px;backdrop-filter:blur(8px)}
.info-card h3{background:linear-gradient(135deg,#fff,#7db3ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:16px;margin:0 0 6px}
.about-details{margin-top:24px;display:grid;gap:18px}
.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feature{background:rgba(17,24,39,.7);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:18px}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.step{background:rgba(17,24,39,.7);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:16px;display:grid;gap:6px;justify-items:start}
.step .num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#0b1226;border:1px solid #23324f;color:#cbd5e1;font-weight:700}
.stats strong{font-size:32px}
@media (max-width:960px){.product-grid{grid-template-columns:1fr 1fr}.features-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.info-cards{grid-template-columns:1fr}}
@media (max-width:960px){.product-grid{grid-template-columns:1fr 1fr}.product-card{padding:14px}.product-card h3{font-size:15px}}
.aurora{position:fixed;inset:-30% -20% -20% -20%;z-index:-1;pointer-events:none;background:radial-gradient(800px 600px at 20% 10%,rgba(30,104,255,.25),transparent 50%),radial-gradient(900px 700px at 80% 20%,rgba(18,215,244,.22),transparent 50%),radial-gradient(700px 600px at 50% 80%,rgba(30,104,255,.15),transparent 50%),radial-gradient(600px 500px at 10% 70%,rgba(18,215,244,.18),transparent 50%);filter:saturate(150%) blur(60px);animation:auroraMove 25s ease-in-out infinite alternate,auroraRotate 35s linear infinite}
@keyframes auroraMove{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-8%) scale(1.1)}100%{transform:translateY(-5%) scale(1.05)}}
@keyframes auroraRotate{0%{filter:saturate(150%) blur(60px) hue-rotate(0deg)}100%{filter:saturate(150%) blur(60px) hue-rotate(15deg)}}
.tech-ticker{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:95%;max-width:420px;height:48px;overflow:hidden;z-index:10;pointer-events:none}
.ticker-track{display:flex;flex-direction:row;animation:tickerScrollHorizontal 15s linear infinite;gap:12px;align-items:center;white-space:nowrap}
.ticker-item{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(30,104,255,0.12),rgba(18,215,244,0.08));backdrop-filter:blur(12px);border:1px solid rgba(30,104,255,0.25);border-radius:12px;padding:8px 12px;box-shadow:0 4px 16px rgba(30,104,255,0.15);min-width:120px;transition:all 0.3s ease}
.ticker-item:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(30,104,255,0.25);border-color:rgba(18,215,244,0.4)}
.ticker-icon{font-size:14px;font-weight:700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all 0.3s ease;color:#fff;text-shadow:0 0 8px rgba(0,0,0,0.4)}
.ticker-icon svg{width:20px;height:20px;transition:all 0.3s ease}
.ticker-icon.android{background:linear-gradient(135deg,#3ddc84,#2bb673)}
.ticker-icon.ios{background:linear-gradient(135deg,#007aff,#0056b3)}
.ticker-icon.laravel{background:linear-gradient(135deg,#ff2d20,#e61e1a)}
.ticker-icon.blockchain{background:linear-gradient(135deg,#f7931a,#e8821a)}
.ticker-icon.ai{background:linear-gradient(135deg,#00d4aa,#00b894)}
.ticker-icon.ml{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}
.ticker-icon.security{background:linear-gradient(135deg,#4ecdc4,#45b7aa)}
.ticker-icon.performance{background:linear-gradient(135deg,#feca57,#fdcb6e)}
.ticker-icon.partnership{background:linear-gradient(135deg,#a8e6cf,#7fcdcd)}
.ticker-item:hover .ticker-icon{transform:scale(1.2) rotate(5deg);box-shadow:0 0 20px rgba(255,255,255,0.3)}
.ticker-text{color:#fff;font-size:12px;font-weight:600;background:linear-gradient(135deg,#fff 0%,#7db3ff 50%,#12d7f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-0.01em}
@keyframes tickerScrollHorizontal{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@media (max-width: 768px) {
.tech-ticker { width: 300px; height: 50px; }
.ticker-item { padding: 8px 12px; min-width: 100px; }
.ticker-icon { font-size: 14px; width: 32px; height: 32px; }
.ticker-text { font-size: 12px; }
}
.stats-section{padding:80px 0;background:linear-gradient(135deg,rgba(30,104,255,0.05),rgba(18,215,244,0.03));position:relative;overflow:hidden}
.stats-section::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(30,104,255,0.15),transparent 70%);border-radius:50%;filter:blur(60px)}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}
.stat-item{text-align:center;padding:40px 30px;background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.05));backdrop-filter:blur(10px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;transition:all 0.4s ease;position:relative;overflow:hidden}
.stat-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(30,104,255,0.15),rgba(18,215,244,0.1));opacity:0;transition:opacity 0.4s ease}
.stat-item:hover::before{opacity:1}
.stat-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(30,104,255,0.3);border-color:rgba(18,215,244,0.5)}
.stat-number{font-size:56px;font-weight:900;line-height:1;background:linear-gradient(135deg,#fff 0%,#7db3ff 50%,#12d7f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px;position:relative}
.stat-label{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-0.01em}
.stat-desc{font-size:14px;color:#94a3b8;margin:0;line-height:1.6}
.features-showcase{padding:100px 0;background:linear-gradient(135deg,#0a0f1e 0%,#0e152b 100%);position:relative}
.showcase-header{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}
.showcase-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.15));border:1px solid rgba(30,104,255,0.3);border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1.5px;color:#12d7f4;margin-bottom:20px;text-transform:uppercase}
.showcase-title{margin:0 0 20px;font-size:48px;font-weight:800;line-height:1.1;background:linear-gradient(135deg,#fff 0%,#7db3ff 50%,#12d7f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-0.02em}
.showcase-subtitle{margin:0;font-size:18px;color:#94a3b8;line-height:1.7}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px}
.feature-card{background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.05));backdrop-filter:blur(10px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:40px;transition:all 0.4s ease;position:relative;overflow:hidden}
.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(30,104,255,0.12),rgba(18,215,244,0.08));opacity:0;transition:opacity 0.4s ease}
.feature-card:hover::before{opacity:1}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(30,104,255,0.25);border-color:rgba(18,215,244,0.5)}
.feature-icon-wrapper{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.25),rgba(18,215,244,0.2));border:1px solid rgba(30,104,255,0.4);border-radius:16px;margin-bottom:24px;transition:all 0.3s ease}
.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px rgba(18,215,244,0.4)}
.feature-icon{color:#12d7f4}
.feature-card h3{margin:0 0 16px;font-size:24px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.feature-card p{margin:0 0 20px;color:#bfdbfe;font-size:15px;line-height:1.7}
.feature-tech{display:flex;flex-wrap:wrap;gap:8px}
.feature-tech span{display:inline-block;padding:6px 12px;background:rgba(30,104,255,0.15);border:1px solid rgba(30,104,255,0.25);border-radius:6px;font-size:12px;font-weight:600;color:#7db3ff;transition:all 0.3s ease}
.feature-tech span:hover{background:rgba(30,104,255,0.25);border-color:rgba(18,215,244,0.4);color:#12d7f4;transform:translateY(-2px)}
.tech-stack-section{padding:100px 0;background:linear-gradient(135deg,rgba(30,104,255,0.03),rgba(18,215,244,0.02));position:relative;clear:both}
.about-section{padding:120px 0;background:linear-gradient(135deg,rgba(30,104,255,0.02),rgba(18,215,244,0.01));position:relative}
.about-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(30,104,255,0.05),transparent 50%),radial-gradient(circle at 80% 20%,rgba(18,215,244,0.05),transparent 50%);pointer-events:none}
.about-header{text-align:center;margin-bottom:80px;max-width:800px;margin-left:auto;margin-right:auto}
.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:80px}
.stat-card{background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.05));backdrop-filter:blur(10px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:40px 30px;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));opacity:0;transition:opacity 0.4s ease}
.stat-card:hover::before{opacity:1}
.stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(30,104,255,0.2);border-color:rgba(18,215,244,0.4)}
.stat-icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.15));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#12d7f4;position:relative;z-index:1}
.stat-content h3{font-size:36px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#fff,#7db3ff,#12d7f4);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.stat-content p{font-size:14px;color:#94a3b8;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.about-features{margin-bottom:80px;padding:60px 0;background:linear-gradient(180deg,rgba(15,23,42,0.98),rgba(8,12,20,1));position:relative;overflow:hidden;border-radius:24px;margin:60px 0}
.about-features::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(30,104,255,0.08) 0%,transparent 60%),radial-gradient(circle at 70% 80%,rgba(18,215,244,0.06) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(30,104,255,0.04) 0%,transparent 80%);pointer-events:none;animation:featureGlow 8s ease-in-out infinite alternate}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;max-width:1200px;margin:0 auto;position:relative;z-index:2}
.feature-item{background:rgba(30,41,59,0.6);backdrop-filter:blur(25px);border:1px solid rgba(30,104,255,0.2);border-radius:24px;padding:48px 40px;transition:all 0.6s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1)}
.feature-item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#12d7f4,#1e68ff,#12d7f4);background-size:200% 100%;opacity:0;transition:opacity 0.5s ease;animation:shimmer 3s ease-in-out infinite}
.feature-item::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(30,104,255,0.12) 0%,transparent 70%);opacity:0;transition:opacity 0.5s ease;pointer-events:none}
.feature-item:hover::before{opacity:1}
.feature-item:hover::after{opacity:1}
.feature-item:hover{background:rgba(30,41,59,0.8);border-color:rgba(30,104,255,0.4);transform:translateY(-16px) scale(1.02);box-shadow:0 32px 64px rgba(30,104,255,0.25),0 0 0 1px rgba(30,104,255,0.15),inset 0 1px 0 rgba(255,255,255,0.2)}
.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(18,215,244,0.25),rgba(30,104,255,0.2));border:2px solid rgba(18,215,244,0.5);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;color:#12d7f4;position:relative;z-index:1;transition:all 0.5s ease;box-shadow:0 8px 24px rgba(18,215,244,0.2)}
.feature-item:hover .feature-icon{background:linear-gradient(135deg,rgba(18,215,244,0.4),rgba(30,104,255,0.3));border-color:rgba(18,215,244,0.7);transform:scale(1.1) rotate(3deg);box-shadow:0 12px 32px rgba(18,215,244,0.4),0 0 0 1px rgba(18,215,244,0.3)}
.feature-item h3{font-size:24px;font-weight:700;margin:0 0 20px;color:#fff;letter-spacing:-0.02em;line-height:1.2;background:linear-gradient(135deg,#ffffff,#e2e8f0);-webkit-background-clip:text;background-clip:text;color:transparent}
.feature-item p{font-size:16px;line-height:1.7;color:#cbd5e1;margin:0;opacity:0.9}
.about-cta{background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.05));backdrop-filter:blur(10px);border:1px solid rgba(30,104,255,0.2);border-radius:24px;padding:60px 40px;text-align:center;position:relative;overflow:hidden}
.about-cta::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(30,104,255,0.1),transparent 70%);opacity:0.5}
.about-cta .cta-content{position:relative;z-index:1}
.about-cta h3{font-size:32px;font-weight:700;margin:0 0 16px;color:#fff;letter-spacing:-0.02em}
.about-cta p{font-size:18px;line-height:1.6;color:#bfdbfe;margin:0 0 32px;max-width:600px;margin-left:auto;margin-right:auto}
.about-cta .cta-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.tech-stack-header{text-align:center;margin-bottom:60px}
.tech-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.tech-category{background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.05));backdrop-filter:blur(10px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:40px;transition:all 0.4s ease}
.tech-category:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(30,104,255,0.2);border-color:rgba(18,215,244,0.4)}
.tech-category-title{margin:0 0 30px;font-size:22px;font-weight:700;color:#fff;text-align:center;letter-spacing:-0.01em}
.tech-logos{display:flex;flex-direction:column;gap:20px}
.tech-logo-item{display:flex;align-items:center;gap:16px;padding:16px;background:rgba(30,104,255,0.05);border:1px solid rgba(30,104,255,0.15);border-radius:12px;transition:all 0.3s ease}
.tech-logo-item:hover{background:rgba(30,104,255,0.12);border-color:rgba(18,215,244,0.3);transform:translateX(8px)}
.tech-logo-circle{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.15));border:1px solid rgba(30,104,255,0.3);border-radius:12px;transition:all 0.3s ease}
.tech-logo-item:hover .tech-logo-circle{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px rgba(18,215,244,0.3)}
.tech-logo-circle svg{color:#12d7f4}
.tech-logo-item span{font-size:16px;font-weight:600;color:#fff;letter-spacing:-0.01em}
@media (max-width: 768px) {
.stats-grid{grid-template-columns:1fr;gap:25px}
.stat-item{padding:30px 20px}
.stat-number{font-size:42px}
.stat-label{font-size:16px}
.showcase-title{font-size:32px}
.showcase-subtitle{font-size:16px}
.features-grid{grid-template-columns:1fr;gap:20px}
.feature-card{padding:30px}
.feature-card h3{font-size:20px}
.tech-categories{grid-template-columns:1fr;gap:25px}
.tech-category{padding:30px 20px}
}
.services-fullpage{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#0a0f1e 0%,#0e152b 100%);z-index:1000;display:none;overflow-y:auto;overflow-x:hidden}
.services-fullpage.active{display:block}
.services-container{min-height:100vh;width:100%}
.services-fullpage-header{position:sticky;top:0;background:linear-gradient(135deg,rgba(14,21,43,0.95),rgba(30,104,255,0.08));backdrop-filter:blur(20px);border-bottom:1px solid rgba(30,104,255,0.2);padding:40px 0;z-index:10;box-shadow:0 4px 20px rgba(0,0,0,0.3)}
.services-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.services-header-left{flex:1}
.services-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.15));border:1px solid rgba(30,104,255,0.3);border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px;color:#12d7f4;margin-bottom:16px;text-transform:uppercase}
.services-fullpage-header h1{margin:0 0 16px;font-size:48px;font-weight:800;line-height:1.1;background:linear-gradient(135deg,#fff 0%,#7db3ff 50%,#12d7f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-0.02em}
.services-subtitle{margin:0;font-size:18px;line-height:1.6;color:#94a3b8;max-width:700px}
.services-close{background:linear-gradient(135deg,rgba(30,104,255,0.15),rgba(18,215,244,0.1));border:1px solid rgba(30,104,255,0.3);border-radius:50px;padding:12px 24px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all 0.3s ease;color:#fff;font-size:14px;font-weight:600;min-width:100px}
.services-close:hover{background:linear-gradient(135deg,rgba(30,104,255,0.3),rgba(18,215,244,0.2));transform:scale(1.05);box-shadow:0 8px 25px rgba(30,104,255,0.3)}
.close-icon{width:20px;height:20px;position:relative}
.close-icon::before,.close-icon::after{content:'';position:absolute;top:50%;left:50%;width:16px;height:2px;background:#fff;border-radius:2px}
.close-icon::before{transform:translate(-50%,-50%) rotate(45deg)}
.close-icon::after{transform:translate(-50%,-50%) rotate(-45deg)}
.services-fullpage-body{padding:60px 0 80px}
.services-category{margin-bottom:80px}
.category-header{display:flex;gap:30px;align-items:flex-start;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid rgba(30,104,255,0.15)}
.category-number{font-size:80px;font-weight:900;line-height:1;background:linear-gradient(135deg,rgba(30,104,255,0.3),rgba(18,215,244,0.2));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0.5}
.category-title-wrap{flex:1}
.category-header h2{margin:0 0 12px;font-size:36px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.category-desc{margin:0;font-size:16px;line-height:1.6;color:#94a3b8}
.category-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.service-detail-card{background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.05));backdrop-filter:blur(10px);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:30px;transition:all 0.4s ease;position:relative;overflow:hidden}
.service-detail-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));opacity:0;transition:opacity 0.4s ease}
.service-detail-card:hover::before{opacity:1}
.service-detail-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(30,104,255,0.25);border-color:rgba(18,215,244,0.5)}
.service-detail-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.15));border:1px solid rgba(30,104,255,0.3);border-radius:12px;margin-bottom:20px;color:#12d7f4;transition:all 0.3s ease}
.service-detail-card:hover .service-detail-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px rgba(18,215,244,0.3)}
.service-detail-card h3{margin:0 0 12px;font-size:22px;font-weight:700;color:#fff;letter-spacing:-0.01em}
.service-detail-card p{margin:0 0 20px;color:#bfdbfe;font-size:15px;line-height:1.7}
.tech-stack{display:flex;flex-wrap:wrap;gap:8px}
.tech-stack span{display:inline-block;padding:6px 12px;background:rgba(30,104,255,0.15);border:1px solid rgba(30,104,255,0.25);border-radius:6px;font-size:12px;font-weight:600;color:#7db3ff;transition:all 0.3s ease}
.tech-stack span:hover{background:rgba(30,104,255,0.25);border-color:rgba(18,215,244,0.4);color:#12d7f4;transform:translateY(-2px)}
.services-cta-section{margin-top:100px;padding:80px 0;background:linear-gradient(135deg,rgba(30,104,255,0.15),rgba(18,215,244,0.08));border:1px solid rgba(30,104,255,0.2);border-radius:30px;text-align:center;position:relative;overflow:hidden}
.services-cta-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(30,104,255,0.1) 0%,transparent 70%);animation:rotate 20s linear infinite}
.services-cta-content{position:relative;z-index:1}
.services-cta-section h2{margin:0 0 16px;font-size:42px;font-weight:800;background:linear-gradient(135deg,#fff 0%,#7db3ff 50%,#12d7f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.services-cta-section p{margin:0 0 30px;font-size:18px;color:#94a3b8;max-width:600px;margin-left:auto;margin-right:auto}
.services-cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.services-cta-btn{font-size:18px;padding:16px 40px}
.services-cta-btn-secondary{background:rgba(30,104,255,0.15);border:1px solid rgba(30,104,255,0.3);color:#fff;padding:16px 40px;font-size:18px;font-weight:600;border-radius:50px;transition:all 0.3s ease}
.services-cta-btn-secondary:hover{background:rgba(30,104,255,0.25);transform:translateY(-2px);box-shadow:0 10px 25px rgba(30,104,255,0.2)}
@media (max-width: 768px) {
.services-fullpage-header{padding:30px 0}
.services-header-content{flex-direction:column;gap:20px}
.services-fullpage-header h1{font-size:32px}
.services-subtitle{font-size:16px}
.services-close{padding:10px 20px;font-size:13px}
.services-fullpage-body{padding:40px 0}
.services-category{margin-bottom:60px}
.category-header{flex-direction:column;gap:15px;margin-bottom:30px;padding-bottom:20px}
.category-number{font-size:50px}
.category-header h2{font-size:28px}
.category-desc{font-size:14px}
.category-content{grid-template-columns:1fr;gap:20px}
.service-detail-card{padding:25px}
.service-detail-icon{width:50px;height:50px}
.service-detail-card h3{font-size:20px}
.service-detail-card p{font-size:14px}
.services-cta-section{margin-top:60px;padding:50px 20px}
.services-cta-section h2{font-size:32px}
.services-cta-section p{font-size:16px}
.services-cta-buttons{flex-direction:column}
.services-cta-btn,.services-cta-btn-secondary{width:100%;max-width:300px;margin:0 auto}
}
.hero-3d-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero-3d-fallback{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}
.fallback-video{width:100%;height:100%;object-fit:cover;opacity:0.6;filter:blur(2px)}
.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden}
@keyframes particle-float{0%{transform:translateY(0) translateX(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100vh) translateX(50px) scale(0.5);opacity:0}}
.hero-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(30,104,255,0.8),transparent);border-radius:50%;animation:particle-float linear infinite;pointer-events:none}
.hero .container{position:relative;z-index:3}
.hero-copy{position:relative;z-index:3}
.hero-visual{position:relative;z-index:2}
@media(max-width:768px){.hero-3d-canvas{height:50vh}.hero-inner{grid-template-columns:1fr}.hero-visual{width:90%;height:250px}}
.gradient-text{font-family:var(--font-primary);background:linear-gradient(135deg,#1e68ff 0%,#12d7f4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-0.01em}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));backdrop-filter:blur(10px);border:1px solid rgba(30,104,255,0.2);border-radius:50px;padding:8px 16px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:24px;color:#12d7f4}
.hero-badge svg{color:#12d7f4}
.hero-features{display:flex;gap:24px;margin:32px 0;flex-wrap:wrap}
.feature-highlight{display:flex;align-items:center;gap:8px;background:rgba(30,104,255,0.05);border:1px solid rgba(30,104,255,0.1);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;color:#e7e9ee;transition:all 0.3s ease}
.feature-highlight:hover{background:rgba(30,104,255,0.1);border-color:rgba(30,104,255,0.2);transform:translateY(-2px)}
.feature-highlight .feature-icon{color:#12d7f4;flex-shrink:0}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px;padding-top:0;border-top:none}
.hero-stats .stat{text-align:center;padding:20px 16px;background:rgba(30,104,255,0.05);border-radius:12px;border:1px solid rgba(30,104,255,0.15);transition:all 0.3s ease}
.hero-stats .stat:hover{background:rgba(30,104,255,0.1);border-color:rgba(30,104,255,0.25);transform:translateY(-2px)}
.hero-stats .stat-number{display:block;font-size:28px;font-weight:800;color:#12d7f4;margin-bottom:6px;line-height:1}
.hero-stats .stat-label{display:block;font-size:13px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.hero-trust{margin-top:24px;text-align:center;padding:24px;background:rgba(30,104,255,0.03);border-radius:16px;border:1px solid rgba(30,104,255,0.1)}
.trust-text{font-size:14px;color:#cbd5e1;margin-bottom:16px;font-weight:500}
.trust-logos{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.trust-logo{background:rgba(30,104,255,0.08);border:1px solid rgba(30,104,255,0.15);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;color:#cbd5e1;transition:all 0.3s ease}
.trust-logo:hover{background:rgba(30,104,255,0.12);border-color:rgba(30,104,255,0.25);transform:translateY(-2px)}
.trust-logo:hover{background:rgba(30,104,255,0.1);border-color:rgba(30,104,255,0.2);color:#12d7f4}
.value-proposition{padding:80px 0;background:linear-gradient(135deg,rgba(15,23,42,0.8),rgba(30,41,59,0.6));border-top:1px solid rgba(30,104,255,0.1);border-bottom:1px solid rgba(30,104,255,0.1)}
.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:0 auto}
.value-card{background:rgba(30,104,255,0.03);border:1px solid rgba(30,104,255,0.1);border-radius:16px;padding:32px;text-align:center;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.value-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1e68ff,#12d7f4);opacity:0;transition:opacity 0.3s ease}
.value-card:hover{background:rgba(30,104,255,0.08);border-color:rgba(30,104,255,0.2);transform:translateY(-8px);box-shadow:0 20px 40px rgba(30,104,255,0.1)}
.value-card:hover::before{opacity:1}
.value-icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));border:1px solid rgba(30,104,255,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#12d7f4;transition:all 0.3s ease}
.value-card:hover .value-icon{background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.1));border-color:rgba(30,104,255,0.3);transform:scale(1.1)}
.value-card h3{font-family:var(--font-primary);font-size:20px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-0.01em}
.value-card p{color:#94a3b8;line-height:1.6;margin:0 0 24px;font-size:15px}
.value-metric{background:rgba(30,104,255,0.05);border:1px solid rgba(30,104,255,0.1);border-radius:12px;padding:16px;margin-top:auto}
.metric-number{display:block;font-size:24px;font-weight:800;color:#12d7f4;margin-bottom:4px;line-height:1}
.metric-label{display:block;font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
@media(max-width:768px){
.hero-features{flex-direction:column;gap:16px}
.hero-stats{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px;padding-top:24px}
.hero-stats .stat{padding:12px}
.hero-stats .stat-number{font-size:24px}
.trust-logos{gap:12px}
.support-btn{padding:6px 12px;font-size:13px}
.support-btn span{display:none}
.support-btn svg{width:18px;height:18px}
.trust-logo{padding:6px 12px;font-size:12px}
.value-proposition{padding:60px 0}
.value-grid{grid-template-columns:1fr;gap:24px}
.value-card{padding:24px}
.value-icon{width:56px;height:56px;margin-bottom:20px}
.value-card h3{font-size:18px}
.metric-number{font-size:20px}
.dropdown-menu{min-width:320px;left:0;transform:translateX(0);padding:16px}
.dropdown-content{grid-template-columns:1fr;gap:12px}
.service-item{padding:12px}
.service-icon{width:36px;height:36px}
.service-info h4{font-size:15px}
.service-info p{font-size:12px}
.page-title{font-size:36px}
.page-subtitle{font-size:16px}
.overview-grid{grid-template-columns:1fr;gap:40px}
.overview-content h2{font-size:28px}
.overview-features{grid-template-columns:1fr;gap:12px}
.tech-showcase{grid-template-columns:1fr;gap:16px}
.section-header h2{font-size:28px}
.section-header p{font-size:16px}
.features-grid{grid-template-columns:1fr;gap:24px}
.feature-card{padding:24px}
.cta-content h2{font-size:28px}
.cta-content p{font-size:16px}
.cta-actions{flex-direction:column;align-items:center}
}
.marketplace-header{text-align:center;margin-bottom:60px}
.marketplace-header .section-badge{display:inline-block;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));color:#12d7f4;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:0.5px;margin-bottom:20px;border:1px solid rgba(30,104,255,0.3)}
.marketplace-header .section-title{margin-bottom:16px}
.marketplace-header .section-subtitle{font-size:18px;color:#bfdbfe;max-width:700px;margin:0 auto;line-height:1.6}
.marketplace-showcase{display:flex;flex-direction:column;gap:60px}
.author-card{background:linear-gradient(135deg,rgba(30,104,255,0.1) 0%,rgba(18,215,244,0.05) 100%);border:1px solid rgba(30,104,255,0.3);border-radius:24px;padding:40px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(10px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
.author-card:hover{transform:translateY(-4px);border-color:rgba(30,104,255,0.5);box-shadow:0 20px 60px rgba(30,104,255,0.2)}
.author-info{display:flex;align-items:center;gap:24px}
.author-logo{width:80px;height:80px;border-radius:20px;object-fit:cover;border:2px solid rgba(30,104,255,0.3)}
.author-details h3{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-0.02em}
.author-details p{font-size:16px;color:#12d7f4;margin:0 0 12px;font-weight:500}
.rating{display:flex;align-items:center;gap:8px;font-size:16px;color:#fff;margin-bottom:12px}
.rating span{color:#bfdbfe;font-size:14px}
.stats{display:flex;align-items:center;gap:8px;font-size:14px;color:#9aa7bd}
.product-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.category-card{background:linear-gradient(135deg,rgba(15,23,42,0.6) 0%,rgba(30,104,255,0.08) 100%);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:32px;text-align:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px)}
.category-card:hover{transform:translateY(-4px);border-color:rgba(30,104,255,0.4);box-shadow:0 16px 48px rgba(30,104,255,0.15)}
.category-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));border-radius:16px;color:#12d7f4;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
.category-card:hover .category-icon{transform:scale(1.1);background:linear-gradient(135deg,rgba(30,104,255,0.3),rgba(18,215,244,0.3));color:#1e68ff}
.category-card h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-0.02em}
.category-card p{font-size:15px;color:#9aa7bd;margin:0 0 24px;line-height:1.6}
.category-card .btn{width:100%}
@media(max-width:768px){
.marketplace-showcase{gap:40px}
.author-card{flex-direction:column;text-align:center;gap:24px;padding:32px}
.author-info{flex-direction:column;gap:16px}
.author-logo{width:60px;height:60px}
.author-details h3{font-size:24px}
.product-categories{grid-template-columns:1fr;gap:20px}
.category-card{padding:24px}
}
.page-hero{padding:120px 0 80px;background:linear-gradient(135deg,rgba(5,8,18,0.95) 0%,rgba(10,15,30,0.95) 100%);position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(30,104,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(18,215,244,0.1) 0%,transparent 50%);z-index:1}
.page-hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}
.page-badge{display:inline-block;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));color:#12d7f4;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:0.5px;margin-bottom:20px;border:1px solid rgba(30,104,255,0.3)}
.page-title{font-size:48px;font-weight:800;color:#fff;margin:0 0 20px;letter-spacing:-0.02em;line-height:1.2}
.page-subtitle{font-size:20px;color:#bfdbfe;line-height:1.6;margin:0}
.services-detailed{padding:100px 0;background:var(--bg)}
.service-category{margin-bottom:80px;background:linear-gradient(135deg,rgba(15,23,42,0.6) 0%,rgba(30,104,255,0.05) 100%);border:1px solid rgba(30,104,255,0.2);border-radius:24px;padding:40px;backdrop-filter:blur(10px)}
.service-header{display:flex;align-items:center;gap:24px;margin-bottom:40px}
.service-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));border-radius:20px;color:#12d7f4;flex-shrink:0}
.service-info h2{font-size:32px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-0.02em}
.service-info p{font-size:18px;color:#bfdbfe;margin:0;line-height:1.6}
.service-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.feature-item{background:linear-gradient(135deg,rgba(5,8,18,0.8) 0%,rgba(10,15,30,0.8) 100%);border:1px solid rgba(30,104,255,0.15);border-radius:16px;padding:28px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
.feature-item:hover{transform:translateY(-4px);border-color:rgba(30,104,255,0.3);box-shadow:0 16px 48px rgba(30,104,255,0.1)}
.feature-item h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-0.02em}
.feature-item p{font-size:15px;color:#9aa7bd;margin:0 0 20px;line-height:1.6}
.tech-tags{display:flex;flex-wrap:wrap;gap:8px}
.tech-tags li{background:linear-gradient(135deg,rgba(30,104,255,0.15),rgba(18,215,244,0.1));color:#12d7f4;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:500;border:1px solid rgba(30,104,255,0.2)}
.cta-section{padding:100px 0;background:linear-gradient(135deg,rgba(30,104,255,0.1) 0%,rgba(18,215,244,0.05) 100%);border-top:1px solid rgba(30,104,255,0.2);border-bottom:1px solid rgba(30,104,255,0.2)}
.cta-content{text-align:center;max-width:600px;margin:0 auto}
.cta-content h2{font-size:36px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-0.02em}
.cta-content p{font-size:18px;color:#bfdbfe;margin:0 0 32px;line-height:1.6}
.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.footer-column h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px;letter-spacing:-0.01em}
.footer-column ul{list-style:none;padding:0;margin:0}
.footer-column li{margin-bottom:8px}
.footer-column a{color:#9aa7bd;text-decoration:none;font-size:14px;transition:color 0.3s ease}
.footer-column a:hover{color:#12d7f4}
.footer-bottom{border-top:1px solid rgba(30,104,255,0.2);padding-top:20px;text-align:center}
.footer-bottom p{color:#9aa7bd;font-size:14px;margin:0}
.nav-menu .active{color:#12d7f4;position:relative}
.nav-menu .active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,#1e68ff,#12d7f4);border-radius:1px}
@media(max-width:968px){
.page-title{font-size:36px}
.service-header{flex-direction:column;text-align:center;gap:20px}
.service-features{grid-template-columns:1fr;gap:24px}
.footer-content{grid-template-columns:1fr;gap:40px}
.footer-links{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:32px}
}
@media(max-width:768px){
.page-hero{padding:100px 0 60px}
.page-title{font-size:28px}
.page-subtitle{font-size:16px}
.services-detailed{padding:80px 0}
.service-category{padding:32px;margin-bottom:60px}
.service-icon{width:60px;height:60px}
.service-info h2{font-size:24px}
.service-info p{font-size:16px}
.feature-item{padding:24px}
.cta-section{padding:80px 0}
.cta-content h2{font-size:28px}
.cta-actions{flex-direction:column;align-items:center}
.cta-actions .btn{width:100%;max-width:300px}
.footer-links{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:24px}
}
.about-story{padding:100px 0;background:var(--bg)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.story-content h2{font-size:36px;font-weight:700;color:#fff;margin:0 0 24px;letter-spacing:-0.02em}
.story-content p{font-size:16px;color:#bfdbfe;line-height:1.7;margin:0 0 20px}
.stats-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.stat-card{background:linear-gradient(135deg,rgba(15,23,42,0.8) 0%,rgba(30,104,255,0.1) 100%);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:32px;text-align:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
.stat-card:hover{transform:translateY(-4px);border-color:rgba(30,104,255,0.4);box-shadow:0 16px 48px rgba(30,104,255,0.15)}
.stat-card .stat-number{font-size:36px;font-weight:800;color:#12d7f4;line-height:1;margin-bottom:8px;letter-spacing:-0.02em}
.stat-card .stat-label{font-size:14px;color:#9aa7bd;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.values-section{padding:100px 0;background:linear-gradient(135deg,rgba(30,104,255,0.05) 0%,rgba(18,215,244,0.02) 100%)}
.section-header{text-align:center;margin-bottom:60px}
.section-header h2{font-size:36px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-0.02em}
.section-header p{font-size:18px;color:#bfdbfe;margin:0}
.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.value-card{background:linear-gradient(135deg,rgba(15,23,42,0.6) 0%,rgba(30,104,255,0.05) 100%);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:40px;text-align:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px)}
.value-card:hover{transform:translateY(-4px);border-color:rgba(30,104,255,0.4);box-shadow:0 16px 48px rgba(30,104,255,0.15)}
.value-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));border-radius:20px;color:#12d7f4}
.value-card h3{font-size:24px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-0.02em}
.value-card p{font-size:16px;color:#9aa7bd;line-height:1.6;margin:0}
.team-section{padding:100px 0;background:var(--bg)}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.team-card{background:linear-gradient(135deg,rgba(15,23,42,0.6) 0%,rgba(30,104,255,0.05) 100%);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:40px;text-align:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px)}
.team-card:hover{transform:translateY(-4px);border-color:rgba(30,104,255,0.4);box-shadow:0 16px 48px rgba(30,104,255,0.15)}
.team-avatar{width:100px;height:100px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));border-radius:50%;color:#12d7f4}
.team-card h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-0.02em}
.team-card p{font-size:15px;color:#9aa7bd;line-height:1.6;margin:0 0 20px}
.team-skills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.team-skills span{background:linear-gradient(135deg,rgba(30,104,255,0.15),rgba(18,215,244,0.1));color:#12d7f4;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:500;border:1px solid rgba(30,104,255,0.2)}
.process-section{padding:100px 0;background:linear-gradient(135deg,rgba(30,104,255,0.05) 0%,rgba(18,215,244,0.02) 100%)}
.process-timeline{max-width:800px;margin:0 auto}
.process-step{display:flex;align-items:flex-start;gap:32px;margin-bottom:60px;position:relative}
.process-step:not(:last-child)::after{content:'';position:absolute;left:24px;top:80px;bottom:-60px;width:2px;background:linear-gradient(180deg,rgba(30,104,255,0.3),rgba(18,215,244,0.3))}
.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));border-radius:50%;color:#12d7f4;font-size:18px;font-weight:700;flex-shrink:0;border:2px solid rgba(30,104,255,0.3)}
.step-content h3{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-0.02em}
.step-content p{font-size:16px;color:#bfdbfe;line-height:1.6;margin:0}
@media(max-width:968px){
.story-grid{grid-template-columns:1fr;gap:60px}
.stats-showcase{grid-template-columns:repeat(2,1fr);gap:20px}
.values-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.team-grid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media(max-width:768px){
.about-story{padding:80px 0}
.story-content h2{font-size:28px}
.stats-showcase{grid-template-columns:1fr;gap:16px}
.stat-card{padding:24px}
.stat-card .stat-number{font-size:28px}
.values-section{padding:80px 0}
.section-header h2{font-size:28px}
.section-header p{font-size:16px}
.values-grid{grid-template-columns:1fr;gap:20px}
.value-card{padding:32px}
.value-icon{width:60px;height:60px;margin-bottom:20px}
.value-card h3{font-size:20px}
.team-section{padding:80px 0}
.team-grid{grid-template-columns:1fr;gap:20px}
.team-card{padding:32px}
.team-avatar{width:80px;height:80px;margin-bottom:20px}
.team-card h3{font-size:18px}
.process-section{padding:80px 0}
.process-step{flex-direction:column;text-align:center;gap:20px}
.process-step:not(:last-child)::after{display:none}
.step-number{width:40px;height:40px;font-size:16px}
.step-content h3{font-size:20px}
}
.roadmap-section{position:relative;min-height:100vh;padding:120px 0;background:linear-gradient(180deg,rgba(5,8,18,1) 0%,rgba(10,15,30,1) 50%,rgba(5,8,18,1) 100%);overflow:hidden;border-top:1px solid rgba(30,104,255,0.2);border-bottom:1px solid rgba(30,104,255,0.2)}
.roadmap-3d-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:rgba(0,0,0,0.1);border:1px solid rgba(30,104,255,0.3)}
.roadmap-3d-fallback{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.1))}
.fallback-content{text-align:center;color:#fff}
.fallback-content h3{font-size:24px;margin:0 0 12px;color:#12d7f4}
.fallback-content p{font-size:16px;margin:0;color:#9aa7bd}
.roadmap-glow-effect{position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(30,104,255,0.3) 0%,transparent 70%);filter:blur(100px);transform:translate(-50%,-50%);z-index:0;animation:pulse-glow 6s ease-in-out infinite}
@keyframes pulse-glow{0%,100%{opacity:0.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:0.8;transform:translate(-50%,-50%) scale(1.2)}}
.roadmap-header{text-align:center;margin-bottom:60px;position:relative;z-index:2}
.roadmap-header .section-badge{display:inline-block;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));color:#12d7f4;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:0.5px;margin-bottom:20px;border:1px solid rgba(30,104,255,0.3)}
.roadmap-header .section-title{margin-bottom:16px}
.roadmap-header .section-subtitle{font-size:18px;color:#bfdbfe;max-width:700px;margin:0 auto;line-height:1.6}
.roadmap-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;position:relative;z-index:2}
.roadmap-info-card{background:linear-gradient(135deg,rgba(15,23,42,0.8) 0%,rgba(30,104,255,0.05) 100%);border:1px solid rgba(30,104,255,0.2);border-radius:20px;padding:28px;backdrop-filter:blur(10px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-align:center}
.roadmap-info-card:hover{transform:translateY(-4px);border-color:rgba(30,104,255,0.4);box-shadow:0 16px 48px rgba(30,104,255,0.15)}
.roadmap-info-card.active{border-color:rgba(30,104,255,0.5);box-shadow:0 0 30px rgba(30,104,255,0.2)}
.roadmap-info-card.future{opacity:0.7;border-color:rgba(30,104,255,0.1)}
.info-icon{width:60px;height:60px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));border-radius:16px;color:#12d7f4}
.roadmap-info-card.active .info-icon{background:linear-gradient(135deg,rgba(30,104,255,0.4),rgba(18,215,244,0.4));box-shadow:0 0 20px rgba(30,104,255,0.3)}
.roadmap-info-card h3{font-size:18px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-0.02em}
.roadmap-info-card p{font-size:14px;color:#9aa7bd;line-height:1.6;margin:0 0 16px}
.info-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.info-tags span{background:linear-gradient(135deg,rgba(30,104,255,0.15),rgba(18,215,244,0.1));color:#12d7f4;padding:4px 10px;border-radius:10px;font-size:12px;font-weight:500;border:1px solid rgba(30,104,255,0.2)}
@media(max-width:968px){
.roadmap-section{min-height:auto;padding:100px 0}
.roadmap-info-grid{grid-template-columns:repeat(2,1fr);gap:20px}
.roadmap-glow-effect{width:600px;height:600px}
}
@media(max-width:768px){
.roadmap-section{padding:80px 0}
.roadmap-header{margin-bottom:50px}
.roadmap-header .section-title{font-size:28px}
.roadmap-header .section-subtitle{font-size:16px}
.roadmap-info-grid{grid-template-columns:1fr;gap:16px}
.roadmap-info-card{padding:24px}
.info-icon{width:50px;height:50px;margin-bottom:16px}
.roadmap-info-card h3{font-size:16px}
.roadmap-info-card p{font-size:13px}
.info-tags span{font-size:11px;padding:3px 8px}
.roadmap-glow-effect{width:400px;height:400px}
}
.digital-marketing-section{padding:100px 0;background:linear-gradient(135deg,rgba(30,104,255,0.03) 0%,rgba(18,215,244,0.02) 100%);position:relative}
.digital-marketing-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(30,104,255,0.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(18,215,244,0.05) 0%,transparent 50%);z-index:1}
.section-header{text-align:center;margin-bottom:80px;position:relative;z-index:2}
.section-header .section-badge{display:inline-block;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));color:#12d7f4;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:0.5px;margin-bottom:20px;border:1px solid rgba(30,104,255,0.3)}
.section-header .section-title{margin-bottom:16px}
.section-header .section-subtitle{font-size:18px;color:#bfdbfe;max-width:700px;margin:0 auto;line-height:1.6}
.marketing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;position:relative;z-index:2}
.marketing-card{background:linear-gradient(135deg,rgba(15,23,42,0.8) 0%,rgba(30,104,255,0.05) 100%);border:1px solid rgba(30,104,255,0.2);border-radius:24px;padding:40px;backdrop-filter:blur(10px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-align:center}
.marketing-card:hover{transform:translateY(-8px);border-color:rgba(30,104,255,0.4);box-shadow:0 20px 60px rgba(30,104,255,0.15)}
.marketing-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));border-radius:20px;color:#12d7f4;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
.marketing-card:hover .marketing-icon{background:linear-gradient(135deg,rgba(30,104,255,0.4),rgba(18,215,244,0.4));box-shadow:0 0 30px rgba(30,104,255,0.3);transform:scale(1.1)}
.marketing-card h3{font-size:24px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-0.02em}
.marketing-card p{font-size:16px;color:#9aa7bd;line-height:1.6;margin:0 0 24px}
.marketing-features{list-style:none;padding:0;margin:0;text-align:left}
.marketing-features li{position:relative;padding:8px 0 8px 24px;font-size:15px;color:#bfdbfe;line-height:1.5}
.marketing-features li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:linear-gradient(135deg,#1e68ff,#12d7f4);border-radius:50%}
.packages-section{padding:100px 0;background:linear-gradient(135deg,rgba(18,215,244,0.03) 0%,rgba(30,104,255,0.02) 100%);position:relative}
.packages-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(18,215,244,0.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(30,104,255,0.05) 0%,transparent 50%);z-index:1}
.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;position:relative;z-index:2;margin-bottom:80px}
.package-card{background:linear-gradient(135deg,rgba(15,23,42,0.9) 0%,rgba(30,104,255,0.05) 100%);border:1px solid rgba(30,104,255,0.2);border-radius:24px;padding:0;backdrop-filter:blur(10px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.package-card:hover{transform:translateY(-8px);border-color:rgba(30,104,255,0.4);box-shadow:0 20px 60px rgba(30,104,255,0.15)}
.package-card.featured{border-color:rgba(30,104,255,0.5);box-shadow:0 0 40px rgba(30,104,255,0.2);transform:scale(1.05)}
.package-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#1e68ff,#12d7f4);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;z-index:3}
.package-header{padding:40px 40px 24px;text-align:center;border-bottom:1px solid rgba(30,104,255,0.1)}
.package-icon{width:60px;height:60px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(30,104,255,0.2),rgba(18,215,244,0.2));border-radius:16px;color:#12d7f4}
.package-card.featured .package-icon{background:linear-gradient(135deg,rgba(30,104,255,0.4),rgba(18,215,244,0.4));box-shadow:0 0 20px rgba(30,104,255,0.3)}
.package-header h3{font-size:28px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-0.02em}
.package-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:16px}
.package-price .currency{font-size:24px;font-weight:600;color:#12d7f4}
.package-price .amount{font-size:48px;font-weight:700;color:#fff;line-height:1}
.package-price .period{font-size:16px;color:#9aa7bd;margin-left:8px}
.package-content{padding:24px 40px 40px}
.package-content p{font-size:16px;color:#9aa7bd;line-height:1.6;margin:0 0 24px;text-align:center}
.package-features{list-style:none;padding:0;margin:0 0 32px}
.package-features li{position:relative;padding:12px 0 12px 28px;font-size:15px;color:#bfdbfe;line-height:1.5;border-bottom:1px solid rgba(30,104,255,0.1)}
.package-features li:last-child{border-bottom:none}
.package-features li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:linear-gradient(135deg,#1e68ff,#12d7f4);border-radius:50%}
.package-cta{text-align:center}
.package-cta .btn{width:100%;justify-content:center}
.packages-footer{text-align:center;position:relative;z-index:2}
.packages-footer p{font-size:16px;color:#9aa7bd;margin:0 0 40px;max-width:600px;margin-left:auto;margin-right:auto}
.package-guarantees{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}
.guarantee-item{display:flex;align-items:center;gap:12px;color:#12d7f4;font-size:14px;font-weight:500}
.guarantee-item svg{flex-shrink:0}
.featured-products-section{padding:120px 0;background:linear-gradient(135deg,rgba(10,14,26,0.8),rgba(15,20,35,0.9))}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:60px}
.product-card{background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.04));border:1px solid rgba(30,104,255,0.2);border-radius:20px;overflow:hidden;transition:all 0.4s ease;position:relative}
.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(30,104,255,0.2);border-color:rgba(18,215,244,0.4)}
.product-card.upcoming{opacity:0.8}
.product-image{position:relative;height:220px;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:15px 15px 0 0}
.product-img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff;border-radius:15px 15px 0 0}
.product-placeholder{font-size:24px;font-weight:700;color:#12d7f4;text-align:center}
.product-badge{position:absolute;top:15px;right:15px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}
.product-badge:not(.upcoming){background:linear-gradient(135deg,#00d4aa,#00b894);color:#fff}
.product-badge.upcoming{background:linear-gradient(135deg,#f7931a,#e8821a);color:#fff}
.product-content{padding:30px}
.product-content h3{font-size:22px;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-0.02em}
.product-content p{font-size:15px;color:#9aa7bd;margin-bottom:20px;line-height:1.6}
.product-stats{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.product-stats .stat{font-size:13px;font-weight:600;color:#12d7f4;background:rgba(18,215,244,0.1);padding:6px 10px;border-radius:12px;border:1px solid rgba(18,215,244,0.2);white-space:nowrap}
.product-tech{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}
.product-tech span{font-size:12px;color:#64748b;background:rgba(100,116,139,0.1);padding:4px 8px;border-radius:8px;border:1px solid rgba(100,116,139,0.2)}
.product-card .btn{width:100%;justify-content:center}
.products-footer{text-align:center;margin-top:60px;padding:40px;background:linear-gradient(135deg,rgba(30,104,255,0.05),rgba(18,215,244,0.02));border-radius:20px;border:1px solid rgba(30,104,255,0.1)}
.products-footer p{font-size:18px;color:#9aa7bd;margin-bottom:30px;line-height:1.6}
.products-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
@media(max-width:968px){
.marketing-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.packages-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.package-card.featured{transform:none}
.products-grid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media(max-width:768px){
.digital-marketing-section{padding:80px 0}
.packages-section{padding:80px 0}
.featured-products-section{padding:80px 0}
.section-header{margin-bottom:60px}
.section-header .section-title{font-size:28px}
.section-header .section-subtitle{font-size:16px}
.products-grid{grid-template-columns:1fr;gap:20px}
.product-content{padding:20px}
.product-content h3{font-size:20px}
.products-actions{flex-direction:column;align-items:center}
.products-actions .btn{width:100%;max-width:300px}
.marketing-grid{grid-template-columns:1fr;gap:20px}
.marketing-card{padding:32px}
.marketing-icon{width:60px;height:60px;margin-bottom:20px}
.marketing-card h3{font-size:20px}
.marketing-card p{font-size:14px}
.marketing-features li{font-size:14px;padding:6px 0 6px 20px}
.packages-grid{grid-template-columns:1fr;gap:20px}
.package-header{padding:32px 32px 20px}
.package-content{padding:20px 32px 32px}
.package-header h3{font-size:24px}
.package-price .amount{font-size:40px}
.package-features li{font-size:14px;padding:10px 0 10px 24px}
.package-guarantees{gap:24px}
.guarantee-item{font-size:13px}
}
.store-hero{padding:120px 0 80px;background:linear-gradient(135deg,rgba(10,14,26,0.95),rgba(15,20,35,0.9)),url('data:image/svg+xml,');text-align:center;position:relative;overflow:hidden}
.store-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,');opacity:0.3;animation:float 20s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}
.store-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:2}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,rgba(18,215,244,0.1),rgba(30,104,255,0.1));border:1px solid rgba(18,215,244,0.3);border-radius:50px;color:#12d7f4;font-size:14px;font-weight:600;margin-bottom:30px;backdrop-filter:blur(10px)}
.hero-badge svg{color:#ffd700}
.store-title{font-size:56px;font-weight:900;color:#fff;margin-bottom:24px;letter-spacing:-0.03em;background:linear-gradient(135deg,#fff,#12d7f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.store-subtitle{font-size:20px;color:#9aa7bd;margin-bottom:50px;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto}
.hero-features{display:flex;justify-content:center;gap:40px;margin-bottom:60px;flex-wrap:wrap}
.feature-item{display:flex;align-items:center;gap:12px;padding:16px 24px;background:rgba(30,104,255,0.05);border:1px solid rgba(30,104,255,0.1);border-radius:12px;color:#12d7f4;font-size:14px;font-weight:500;backdrop-filter:blur(10px);transition:all 0.3s ease}
.feature-item:hover{background:rgba(30,104,255,0.1);border-color:rgba(18,215,244,0.3);transform:translateY(-2px)}
.feature-item svg{color:#00d4aa}
.store-stats{display:flex;justify-content:center;gap:60px;margin-top:60px;flex-wrap:wrap}
.stat-item{text-align:center;position:relative}
.stat-item::after{content:'';position:absolute;top:50%;right:-30px;transform:translateY(-50%);width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(18,215,244,0.3),transparent)}
.stat-item:last-child::after{display:none}
.stat-number{display:block;font-size:28px;font-weight:800;color:#12d7f4;margin-bottom:8px;background:linear-gradient(135deg,#12d7f4,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;min-width:60px}
.stat-label{font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.store-filters{padding:60px 0;background:rgba(10,14,26,0.9);border-bottom:1px solid rgba(30,104,255,0.1);backdrop-filter:blur(20px)}
.filters-header{text-align:center;margin-bottom:50px}
.filters-header h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px;background:linear-gradient(135deg,#fff,#12d7f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.filters-header p{font-size:16px;color:#9aa7bd;max-width:500px;margin:0 auto}
.filter-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}
.filter-tab{display:flex;align-items:center;gap:8px;padding:14px 28px;background:rgba(30,104,255,0.05);border:1px solid rgba(30,104,255,0.2);border-radius:30px;color:#9aa7bd;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px)}
.filter-tab:hover{background:rgba(30,104,255,0.1);border-color:rgba(18,215,244,0.3);color:#12d7f4;transform:translateY(-2px);box-shadow:0 8px 25px rgba(18,215,244,0.1)}
.filter-tab.active{background:linear-gradient(135deg,#1e68ff,#12d7f4);border-color:transparent;color:#fff;box-shadow:0 8px 25px rgba(18,215,244,0.3)}
.filter-tab svg{transition:all 0.3s ease}
.filter-tab:hover svg{transform:scale(1.1)}
.search-section{display:flex;justify-content:center;align-items:center;gap:30px;max-width:800px;margin:0 auto}
.search-bar{position:relative;flex:1;max-width:500px}
.search-input{width:100%;padding:18px 60px 18px 24px;background:rgba(30,104,255,0.05);border:1px solid rgba(30,104,255,0.2);border-radius:30px;color:#fff;font-size:16px;outline:none;transition:all 0.3s ease;backdrop-filter:blur(10px)}
.search-input:focus{border-color:rgba(18,215,244,0.5);background:rgba(30,104,255,0.1);box-shadow:0 0 0 4px rgba(18,215,244,0.1)}
.search-input::placeholder{color:#64748b}
.search-icon{position:absolute;right:24px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none;transition:all 0.3s ease}
.search-input:focus + .search-icon{color:#12d7f4}
.sort-options{position:relative}
.sort-select{padding:18px 24px;background:rgba(30,104,255,0.05);border:1px solid rgba(30,104,255,0.2);border-radius:30px;color:#fff;font-size:14px;font-weight:500;outline:none;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px);min-width:180px}
.sort-select:focus{border-color:rgba(18,215,244,0.5);background:rgba(30,104,255,0.1)}
.sort-select option{background:#0a0e1a;color:#fff;padding:10px}
.store-products{padding:20px 0 80px}
.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;justify-items:stretch;max-width:1200px;margin-left:auto;margin-right:auto;margin-top:0}
.product-card.premium{position:relative;background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.04));border:1px solid rgba(30,104,255,0.2);border-radius:24px;overflow:hidden;transition:all 0.4s ease;backdrop-filter:blur(20px)}
.product-card.premium::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(18,215,244,0.05),transparent);opacity:0;transition:opacity 0.3s ease;pointer-events:none}
.product-card.premium:hover::before{opacity:1}
.product-card.premium:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(18,215,244,0.2);border-color:rgba(18,215,244,0.4)}
.product-image{position:relative;height:180px;background:linear-gradient(135deg,rgba(30,104,255,0.1),rgba(18,215,244,0.05));display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:20px 20px 0 0}
.product-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.3s ease;backdrop-filter:blur(5px)}
.product-card:hover .product-overlay{opacity:1}
.quick-view-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:rgba(18,215,244,0.9);border:none;border-radius:25px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px)}
.quick-view-btn:hover{background:rgba(18,215,244,1);transform:scale(1.05)}
.premium-badge{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ffd700,#ffed4e);border-radius:20px;color:#000;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 15px rgba(255,215,0,0.3)}
.premium-badge svg{color:#ff6b35}
.product-content{padding:24px}
.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.product-header h3{font-size:22px;font-weight:700;color:#fff;margin:0;letter-spacing:-0.02em}
.product-rating{display:flex;align-items:center;gap:8px}
.stars{display:flex;gap:2px}
.stars svg{color:#ffd700;filter:drop-shadow(0 0 3px rgba(255,215,0,0.5))}
.rating-text{font-size:12px;color:#9aa7bd;font-weight:500}
.product-content p{font-size:14px;color:#9aa7bd;margin-bottom:16px;line-height:1.5}
.product-features{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.feature-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.2);border-radius:15px;color:#00d4aa;font-size:12px;font-weight:500}
.feature-tag svg{color:#00d4aa}
.product-stats{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.product-stats .stat{font-size:12px;font-weight:600;color:#12d7f4;background:rgba(18,215,244,0.1);padding:4px 8px;border-radius:8px;border:1px solid rgba(18,215,244,0.2);white-space:nowrap}
.product-tech{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.product-tech span{font-size:12px;color:#64748b;background:rgba(100,116,139,0.1);padding:4px 10px;border-radius:8px;border:1px solid rgba(100,116,139,0.2)}
.product-actions{display:flex;gap:8px;align-items:center}
.product-actions .btn{flex:1;justify-content:center;gap:8px;padding:14px 18px;font-size:14px;font-weight:600;border-radius:12px;transition:all 0.3s ease}
.product-actions .btn-primary{background:linear-gradient(135deg,#1e68ff,#12d7f4);border:none;color:#fff;box-shadow:0 4px 15px rgba(18,215,244,0.3)}
.product-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(18,215,244,0.4)}
.store-footer{text-align:center;padding:60px 40px;background:linear-gradient(135deg,rgba(30,104,255,0.08),rgba(18,215,244,0.04));border-radius:24px;border:1px solid rgba(30,104,255,0.1);backdrop-filter:blur(20px);margin-bottom:40px}
.store-footer-content h3{font-size:32px;font-weight:700;color:#fff;margin-bottom:20px;background:linear-gradient(135deg,#fff,#12d7f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.store-footer-content p{font-size:18px;color:#9aa7bd;margin-bottom:40px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}
.store-actions{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.store-actions .btn{min-width:200px;padding:16px 32px;font-size:16px;font-weight:600;border-radius:12px;transition:all 0.3s ease}
.nav-menu .active{color:#12d7f4;position:relative}
.nav-menu .active::after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:2px;background:linear-gradient(135deg,#1e68ff,#12d7f4);border-radius:1px}
@media(max-width:1200px){
.store-grid{grid-template-columns:repeat(3,1fr);gap:24px}
}
@media(max-width:968px){
.store-grid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media(max-width:768px){
.store-hero{padding:100px 0 60px}
.store-title{font-size:42px}
.store-subtitle{font-size:18px}
.hero-features{gap:20px}
.feature-item{padding:12px 20px;font-size:13px}
.store-stats{gap:20px;flex-wrap:wrap}
.stat-item::after{display:none}
.stat-number{font-size:20px;min-width:50px}
.filters-header h2{font-size:28px}
.filter-tabs{gap:12px}
.careers-hero .container{grid-template-columns:1fr;gap:40px;text-align:center}
.careers-hero .page-title{font-size:36px}
.careers-hero .page-subtitle{font-size:16px;max-width:none}
.careers-hero .hero-stats{justify-content:center;gap:30px}
.careers-hero .hero-stats .stat-number{font-size:28px}
.careers-hero .floating-elements{height:300px;margin-top:40px}
.careers-hero .floating-card{padding:16px;font-size:14px}
.careers-overview{padding:60px 0}
.overview-grid{grid-template-columns:1fr;gap:40px}
.overview-content h2{font-size:28px}
.overview-content p{font-size:16px}
.benefits-grid{grid-template-columns:1fr;gap:16px}
.benefit-item{padding:16px}
.overview-stats{grid-template-columns:repeat(2,1fr);gap:16px}
.stat-item{padding:20px}
.stat-number{font-size:24px}
.open-positions{padding:60px 0}
.positions-grid{grid-template-columns:1fr;gap:24px;margin-top:40px}
.position-card{padding:24px}
.position-header{flex-direction:column;align-items:flex-start;gap:12px}
.position-header h3{font-size:18px}
.position-footer{flex-direction:column;align-items:flex-start;gap:12px}
.application-form-section{padding:60px 0}
.form-header h2{font-size:28px}
.form-header p{font-size:16px}
.application-form{padding:32px 24px}
.form-row{grid-template-columns:1fr;gap:0}
.form-field{margin-bottom:20px}
.form-field input,.form-field select,.form-field textarea{padding:14px;font-size:14px}
.file-upload-label{padding:14px;font-size:14px}
.checkbox-label{padding:12px;font-size:13px}
.checkmark{width:18px;height:18px}
.btn-large{padding:14px 28px;font-size:15px}
.docs-grid{grid-template-columns:1fr;gap:40px}
.docs-sidebar{position:static;margin-bottom:40px}
.sidebar-content{padding:24px}
.docs-content{padding:32px 24px}
.docs-section h2{font-size:28px}
.docs-card{padding:24px}
.tech-grid{grid-template-columns:1fr;gap:24px}
.blog-filters{gap:12px}
.blog-grid{grid-template-columns:1fr;gap:24px}
.blog-card.featured{grid-column:span 1}
.blog-content{padding:24px}
.blog-title{font-size:18px}
.tutorials-filters{gap:12px}
.tutorials-grid{grid-template-columns:1fr;gap:24px}
.tutorial-content{padding:24px}
.tutorial-title{font-size:18px}
.tutorials-cta{padding:40px 24px}
.cta-content h3{font-size:28px}
.cta-content p{font-size:16px}
.legal-content{grid-template-columns:1fr;gap:40px}
.legal-sidebar{position:static;margin-bottom:40px}
.legal-nav{padding:24px}
.legal-main{padding:32px 24px}
.legal-section-content h2{font-size:28px}
.filter-tab{padding:12px 20px;font-size:13px}
.search-section{flex-direction:column;gap:20px}
.search-input{padding:16px 50px 16px 20px;font-size:14px}
.sort-select{padding:16px 20px;font-size:13px;min-width:160px}
.store-grid{grid-template-columns:1fr;gap:24px}
.product-image{height:160px}
.product-content{padding:20px}
.product-header{flex-direction:column;align-items:flex-start;gap:12px}
.product-header h3{font-size:20px}
.product-actions{flex-direction:column;gap:12px}
.product-actions .btn{width:100%}
.store-footer{padding:40px 20px;margin-bottom:20px}
.store-footer-content h3{font-size:28px}
.store-actions{flex-direction:column;align-items:center;gap:16px}
.store-actions .btn{width:100%;max-width:300px}
}
@media (max-width: 1024px) {
.container{padding:0 30px}
.hero-inner{padding:0 20px}
.headline{font-size:48px}
.subhead{font-size:17px}
.section-title{font-size:36px}
.dropdown-content{grid-template-columns:1fr}
.roadmap-timeline{padding:40px 20px}
.roadmap-item{padding:30px 20px}
.pricing-cards{grid-template-columns:1fr;max-width:500px;margin:0 auto}
.package-card{max-width:100%}
}
@media (max-width: 768px) {
.container{padding:0 20px}
.hero{padding:100px 0 60px}
.hero-inner{grid-template-columns:1fr;gap:40px;padding:0}
.headline{font-size:36px;line-height:1.2}
.subhead{font-size:16px}
.hero-features{grid-template-columns:1fr;gap:16px}
.feature-highlight{padding:16px;font-size:14px}
.hero-stats{flex-direction:column;gap:16px}
.stat-item{min-width:100%}
.hero-trust{flex-direction:column;text-align:center;gap:16px}
.actions{flex-direction:column;gap:12px}
.actions .btn{width:100%;justify-content:center}
.section{padding:60px 0}
.section-title{font-size:32px;margin-bottom:30px}
.cards{grid-template-columns:1fr;gap:20px}
.nav-menu{font-size:15px}
.nav-menu a{padding:12px 16px}
.dropdown-content{padding:16px;gap:16px}
.service-item{padding:12px;gap:10px}
.service-icon{width:36px;height:36px}
.service-icon svg{width:20px;height:20px}
.service-info h4{font-size:14px}
.service-info p{font-size:12px}
.roadmap{padding:60px 0}
.roadmap-header{margin-bottom:40px}
.roadmap-timeline{grid-template-columns:1fr}
.roadmap-item{padding:24px 20px}
.phase-badge{font-size:11px;padding:6px 12px}
.phase-title{font-size:20px}
.marketing-section{padding:60px 0}
.marketing-hero{padding:40px 20px}
.marketing-hero h2{font-size:32px}
.marketing-hero p{font-size:16px}
.marketing-services-grid{grid-template-columns:1fr;gap:24px}
.pricing-cards{grid-template-columns:1fr}
.package-card{padding:30px 20px}
.package-features{max-height:none}
.products-section{padding:60px 0}
.product-grid{grid-template-columns:1fr;gap:20px}
.product-card{padding:20px}
.clients-section{padding:60px 0}
.client-card{padding:30px 20px}
.about-section{padding:60px 0}
.modal-content{width:95%;max-width:95%;margin:10px;padding:30px 20px}
.modal-header h2{font-size:22px}
.form-group label{font-size:13px}
.phone-input-container{flex-direction:column;gap:12px}
.phone-input-container select{width:100%}
}
@media (max-width: 480px) {
.container{padding:0 16px}
.hero{padding:80px 0 40px}
.headline{font-size:28px}
.subhead{font-size:14px;line-height:1.6}
.hero-badge{font-size:11px;padding:6px 12px;gap:6px}
.hero-badge svg{width:12px;height:12px}
.hero-features{gap:12px}
.feature-highlight{padding:12px;font-size:13px;gap:8px}
.feature-icon{width:32px;height:32px}
.feature-icon svg{width:16px;height:16px}
.hero-stats{gap:12px}
.stat-item{padding:12px 16px}
.stat-value{font-size:24px}
.stat-label{font-size:12px}
.actions{gap:10px}
.btn{padding:12px 20px;font-size:14px;gap:8px}
.section{padding:40px 0}
.section-title{font-size:26px;margin-bottom:24px}
.card{padding:20px}
.card-title{font-size:18px}
.card-text{font-size:14px}
.logo-3d-container{width:120px;height:120px}
.header-inner{height:56px;padding:0 16px}
.logo{font-size:16px}
.brand-mark{width:24px;height:24px}
.nav-toggle{padding:6px 10px;font-size:13px}
.language-toggle{padding:5px 8px;font-size:12px;gap:4px}
.language-toggle span{display:none}
.support-btn{padding:6px 10px;font-size:12px;gap:4px}
.header-actions{gap:6px}
.roadmap-item{padding:20px 16px}
.phase-title{font-size:18px}
.phase-description{font-size:14px}
.phase-features{font-size:13px}
.marketing-hero{padding:30px 16px}
.marketing-hero h2{font-size:26px}
.marketing-hero p{font-size:14px}
.service-card{padding:24px 16px}
.service-card h3{font-size:18px}
.pricing-cards{gap:20px}
.package-card{padding:24px 16px}
.package-name{font-size:20px}
.package-price{font-size:36px}
.package-features li{font-size:13px}
.product-card{padding:16px}
.product-title{font-size:18px}
.product-description{font-size:13px}
.client-card{padding:24px 16px}
.client-quote{font-size:14px}
.client-info h4{font-size:15px}
.client-info p{font-size:12px}
.modal-content{padding:24px 16px;margin:5px}
.modal-header{padding:16px;margin:-24px -16px 20px}
.modal-header h2{font-size:18px}
.form-group{margin-bottom:16px}
.form-group label{font-size:12px;margin-bottom:6px}
.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:14px}
.form-group textarea{min-height:100px}
.modal-footer{flex-direction:column;gap:10px}
.modal-footer .btn{width:100%}
.site-footer{padding:40px 0 20px}
.footer-brand-description{font-size:13px}
.footer-links h3{font-size:15px}
.footer-links a{font-size:13px}
.footer-bottom{padding:16px 0;font-size:12px}
}
@media (min-width: 1440px) {
.container{max-width:1400px}
.hero-inner{max-width:1400px}
.headline{font-size:68px}
.subhead{font-size:20px}
}