*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--accent:#06b6d4;--dark:#0f172a;--dark2:#1e293b;--dark3:#334155;--mid:#64748b;--light:#cbd5e1;--lighter:#e2e8f0;--white:#fff;--success:#10b981;--warning:#f59e0b;--font:"Inter",system-ui,sans-serif;--radius:12px;--radius-lg:20px;--shadow:0 4px 24px #0000002e;--shadow-lg:0 8px 48px #00000047;--transition:0.25s ease}html{scroll-behavior:smooth}body{background:#0f172a;background:var(--dark);color:#fff;color:var(--white);font-family:Inter,system-ui,sans-serif;font-family:var(--font);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{display:block;max-width:100%}::selection{background:#6366f1;background:var(--primary);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0f172a;background:var(--dark)}::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary);border-radius:3px}.navbar{left:0;padding:20px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172af2;border-bottom:1px solid #ffffff0f;box-shadow:0 4px 32px #0000004d;padding:14px 0}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{cursor:pointer;gap:12px}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:900;height:40px;justify-content:center;letter-spacing:-1px;width:40px}.logo-text{color:var(--white);font-size:1.25rem;font-weight:800}.logo-text span{color:var(--primary-light)}.nav-links{align-items:center;display:flex;gap:4px}.nav-link{background:none;border:none;border-radius:8px;color:var(--light);cursor:pointer;font-family:var(--font);font-size:.9rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.nav-link.active,.nav-link:hover{background:#6366f11f;color:var(--white)}.nav-cta{margin-left:12px}.hamburger{background:none;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px}.hamburger span{background:var(--white);border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:24px}.hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:900px){.hamburger{display:flex}.nav-links{background:var(--dark2);border-bottom:1px solid #ffffff14;flex-direction:column;gap:8px;left:0;opacity:0;padding:20px 24px;pointer-events:none;position:fixed;right:0;top:70px;transform:translateY(-110%);transition:all .3s ease}.nav-links.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-cta,.nav-link{text-align:left;width:100%}}.hero{align-items:center;background:var(--dark);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 24px 80px;position:relative}.hero-canvas{height:100%;inset:0;width:100%}.hero-canvas,.hero-glow{pointer-events:none;position:absolute}.hero-glow{border-radius:50%;filter:blur(120px);z-index:0}.hero-glow-1{background:#6366f12e;height:600px;left:-100px;top:-100px;width:600px}.hero-glow-2{background:#06b6d41f;bottom:-50px;height:500px;right:-80px;width:500px}.hero-container{align-items:center;display:flex;flex-direction:column;gap:28px;max-width:860px;position:relative;text-align:center;z-index:1}.hero-badge{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:100px;color:var(--primary-light);display:inline-flex;font-size:.82rem;font-weight:600;gap:10px;padding:8px 20px}.hero-badge-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.hero-title{color:var(--white);font-size:clamp(2.8rem,7vw,5.5rem);font-weight:900;letter-spacing:-2px;line-height:1.08}.hero-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-light),var(--accent));-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--mid);font-size:1.15rem;line-height:1.75;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.hero-btn{font-size:1rem;padding:16px 32px}.hero-clients{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.hero-clients-label{color:var(--mid);font-size:.82rem;margin-right:4px}.hero-client-chip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;color:var(--light);font-size:.78rem;font-weight:600;padding:5px 14px}.hero-scroll-hint{align-items:center;bottom:36px;color:var(--mid);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;gap:8px;left:50%;letter-spacing:1.5px;position:absolute;text-transform:uppercase;transform:translateX(-50%);z-index:1}.scroll-wheel{border:2px solid #fff3;border-radius:12px;height:34px;position:relative;width:22px}.scroll-wheel:after{animation:scrollDown 1.6s ease infinite;background:var(--primary);border-radius:2px;content:"";height:6px;left:50%;position:absolute;top:5px;transform:translateX(-50%);width:3px}@keyframes scrollDown{0%{opacity:1;top:5px}to{opacity:0;top:18px}}@media (max-width:600px){.hero-actions{flex-direction:column;width:100%}.hero-btn{justify-content:center;width:100%}}.services-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.service-card{background:var(--dark2);border:1px solid #ffffff0f;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:36px 32px;position:relative;transition:all .3s ease}.service-card:before{border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.service-card--purple:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.service-card--cyan:before{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.service-card--green:before{background:linear-gradient(90deg,#10b981,#34d399)}.service-card--orange:before{background:linear-gradient(90deg,#f97316,#fb923c)}.service-card--red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.service-card--yellow:before{background:linear-gradient(90deg,#eab308,#fde047)}.service-card:hover{border-color:#ffffff1f;box-shadow:0 16px 48px #0000004d;transform:translateY(-6px)}.service-icon-wrap{align-items:center;background:#ffffff0f;border-radius:14px;display:flex;height:52px;justify-content:center;width:52px}.service-icon{font-size:1.6rem}.service-title{color:var(--white);font-size:1.2rem;font-weight:700}.service-desc{color:var(--mid);flex:1 1;font-size:.9rem;line-height:1.7}.service-tags{display:flex;flex-wrap:wrap;gap:8px}.service-tag{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;color:var(--light);font-size:.72rem;font-weight:600;padding:4px 10px}.service-arrow{color:var(--primary-light);font-size:1.2rem;opacity:0;transform:translateX(-8px);transition:all .3s ease}.service-card:hover .service-arrow{opacity:1;transform:translateX(0)}@media (max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.services-grid{grid-template-columns:1fr}}.about-grid{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.about-actions{display:flex;flex-wrap:wrap;gap:16px}.about-pillars{display:flex;flex-direction:column;gap:20px}.pillar-card{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff0f;border-radius:var(--radius);display:flex;gap:18px;padding:24px;transition:all .25s}.pillar-card:hover{background:#6366f10d;border-color:#6366f14d}.pillar-icon{flex-shrink:0;font-size:1.6rem;margin-top:2px}.pillar-title{color:var(--white);font-size:1rem;font-weight:700;margin-bottom:6px}.pillar-desc{color:var(--mid);font-size:.87rem;line-height:1.6}@media (max-width:900px){.about-grid{gap:48px;grid-template-columns:1fr}}.tech-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.tech-group{background:var(--dark2);border:1px solid #ffffff0f;border-radius:var(--radius-lg);padding:28px;transition:var(--transition)}.tech-group:hover{border-color:#6366f14d}.tech-cat{color:var(--primary-light);font-size:.75rem;font-weight:700;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.tech-items{display:flex;flex-wrap:wrap;gap:8px}.tech-chip{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:var(--light);font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.tech-chip:hover{background:#6366f126;border-color:var(--primary);color:var(--white)}@media (max-width:900px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.tech-grid{grid-template-columns:1fr}}.process-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.process-card{background:var(--dark);border:1px solid #ffffff0f;border-radius:var(--radius-lg);padding:32px 28px;transition:all .3s ease}.process-card:hover{border-color:#6366f159;box-shadow:var(--shadow);transform:translateY(-4px)}.process-num{color:var(--primary);font-size:.7rem;font-weight:800;letter-spacing:3px;margin-bottom:16px;text-transform:uppercase}.process-icon{display:block;font-size:2rem;margin-bottom:14px}.process-title{color:var(--white);font-size:1.15rem;font-weight:700;margin-bottom:12px}.process-desc{color:var(--mid);font-size:.87rem;line-height:1.7}@media (max-width:900px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.process-grid{grid-template-columns:1fr}}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}.filter-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;color:var(--mid);cursor:pointer;font-family:var(--font);font-size:.85rem;font-weight:600;padding:8px 20px;transition:all .2s}.filter-btn:hover{border-color:var(--primary);color:var(--white)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.portfolio-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.portfolio-card{background:var(--dark2);border:1px solid #ffffff0f;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.portfolio-card:after{bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.portfolio-card--green:after{background:linear-gradient(90deg,#10b981,#34d399)}.portfolio-card--purple:after{background:linear-gradient(90deg,#6366f1,#818cf8)}.portfolio-card--cyan:after{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.portfolio-card--orange:after{background:linear-gradient(90deg,#f97316,#fb923c)}.portfolio-card--yellow:after{background:linear-gradient(90deg,#eab308,#fde047)}.portfolio-card--red:after{background:linear-gradient(90deg,#ef4444,#f87171)}.portfolio-card:hover{border-color:#ffffff1f;box-shadow:var(--shadow);transform:translateY(-5px)}.portfolio-top{align-items:center;display:flex;justify-content:space-between}.portfolio-cat{color:var(--primary-light);font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.portfolio-title{color:var(--white);font-size:1.35rem;font-weight:800}.portfolio-desc{color:var(--mid);flex:1 1;font-size:.87rem;line-height:1.7}.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px}.portfolio-tag{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;color:var(--light);font-size:.72rem;font-weight:600;padding:4px 10px}@media (max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.portfolio-grid{grid-template-columns:1fr}}.team-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.team-card{background:var(--dark2);border:1px solid #ffffff0f;border-radius:var(--radius-lg);padding:36px 24px;text-align:center;transition:all .3s}.team-card:hover{border-color:#6366f159;box-shadow:var(--shadow);transform:translateY(-4px)}.team-avatar{font-size:3rem;margin-bottom:16px}.team-name{color:var(--white);font-size:1.1rem;font-weight:700;margin-bottom:6px}.team-role{color:var(--primary-light);font-size:.82rem;font-weight:500;margin-bottom:16px}.team-skills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.team-skill{background:#6366f11a;border:1px solid #6366f133;border-radius:100px;color:var(--light);font-size:.7rem;font-weight:600;padding:3px 10px}@media (max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.team-grid{grid-template-columns:1fr}}.contact-wrap{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1.3fr}.contact-detail{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.contact-detail-icon{font-size:1.4rem;margin-top:2px}.contact-detail-label{color:var(--mid);font-size:.75rem;letter-spacing:1.5px;margin-bottom:4px;text-transform:uppercase}.contact-detail-val{color:var(--white);font-size:.95rem;font-weight:600}.contact-form-wrap{background:var(--dark2);border:1px solid #ffffff12;border-radius:var(--radius-lg);padding:44px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--light);font-size:.82rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:var(--radius);color:var(--white);font-family:var(--font);font-size:.9rem;padding:13px 16px;resize:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126;outline:none}.form-group select option{background:var(--dark2)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--mid)}.contact-success{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px;text-align:center}.contact-success h3{color:var(--white);font-size:1.5rem;font-weight:800}.contact-success p{color:var(--mid)}@media (max-width:900px){.contact-wrap{gap:48px;grid-template-columns:1fr}}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.footer{background:var(--dark2);border-top:1px solid #ffffff12;padding:80px 0 32px}.footer-top{grid-gap:48px;display:grid;gap:48px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:60px}.footer-logo{color:var(--white);font-size:1.2rem;font-weight:800;gap:12px;margin-bottom:16px}.footer-logo,.footer-logo-icon{align-items:center;display:flex}.footer-logo-icon{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:8px;color:#fff;font-size:.8rem;font-weight:900;height:36px;justify-content:center;width:36px}.footer-tagline{color:var(--mid);font-size:.88rem;line-height:1.7;max-width:260px}.footer-links-group h4{color:var(--light);font-size:.78rem;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.footer-links-group ul{display:flex;flex-direction:column;gap:12px}.footer-links-group a{color:var(--mid);font-size:.87rem;transition:color .2s}.footer-links-group a:hover{color:var(--white)}.footer-bottom{align-items:center;border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:28px}.footer-bottom p{color:var(--mid);font-size:.82rem}.footer-socials{display:flex;gap:20px}.footer-socials a{color:var(--mid);font-size:.82rem;transition:color .2s}.footer-socials a:hover{color:var(--primary-light)}@media (max-width:900px){.footer-top{grid-template-columns:1fr 1fr}}@media (max-width:500px){.footer-top{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}}.App{min-height:100vh}.loader-screen{background:var(--dark);gap:24px;inset:0;position:fixed;z-index:9999}.loader-logo{font-size:3rem}.loader-n{color:var(--primary)}.loader-t{color:var(--accent)}.loader-bar{background:var(--dark3)}.loader-fill{animation:fill 1.1s ease forwards;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;width:0}@keyframes fill{to{width:100%}}.loader-text{color:var(--mid)}.section{padding:100px 0}.section-dark{background:var(--dark)}.section-darker{background:var(--dark2)}.container{margin:0 auto;max-width:1200px;padding:0 24px}.section-label{align-items:center;background:#6366f11f;border:1px solid #6366f140;border-radius:100px;color:var(--primary-light);display:inline-flex;font-size:.78rem;font-weight:600;gap:8px;letter-spacing:2px;margin-bottom:16px;padding:6px 16px;text-transform:uppercase}.section-label:before{background:var(--primary);border-radius:50%;content:"";height:6px;width:6px}.section-title{color:var(--white);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;margin-bottom:16px}.section-title span{color:var(--primary-light)}.section-sub{color:var(--mid);font-size:1.05rem;line-height:1.7;max-width:560px}.section-header{margin-bottom:60px}.section-header.centered{text-align:center}.section-header.centered .section-sub{margin:0 auto}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:.95rem;font-weight:600;gap:8px;padding:14px 28px;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 8px 24px #6366f166;transform:translateY(-2px)}.btn-outline{background:#0000;border:1.5px solid #fff3;color:var(--white)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.badge{border-radius:100px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.badge-purple{background:#6366f126;color:var(--primary-light)}.badge-cyan{background:#06b6d426;color:var(--accent)}.badge-green{background:#10b98126;color:#10b981}@media (max-width:900px){.section{padding:70px 0}}@media (max-width:600px){.section{padding:50px 0}}.loader-screen{background-color:#000;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;height:100vh;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;width:100vw}.loader-logo,.loader-screen{align-items:center;display:flex}.loader-logo{animation:netflixZoom 2.5s cubic-bezier(.215,.61,.355,1) forwards;font-size:5rem;font-weight:900;letter-spacing:-2px;position:relative}.loader-letter{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#00808a,#00666d 70%,#003d41);-webkit-background-clip:text;display:inline-block;filter:drop-shadow(0 0 15px rgba(0,102,109,.7));position:relative}.loader-logo:after{animation:shinePass 1.8s ease-in-out .5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);width:60%}.loader-bar{background-color:#fff3;border-radius:2px;height:3px;margin-top:2rem;overflow:hidden;position:relative;width:200px}.loader-fill{animation:loaderProgress 2s ease-in-out infinite;background:#00666d;box-shadow:0 0 10px #00666d,0 0 5px #00666d;height:100%;transform-origin:left;width:100%}.loader-text{animation:pulseText 1.5s ease-in-out infinite alternate;color:#a3a3a3;font-size:.85rem;letter-spacing:2px;margin-top:1rem;text-transform:uppercase}@keyframes netflixZoom{0%{filter:blur(10px);opacity:0;transform:scale(.6)}30%{filter:blur(0);opacity:1}80%{transform:scale(1.15)}to{transform:scale(1.2)}}@keyframes shinePass{0%{left:-100%}60%,to{left:200%}}@keyframes loaderProgress{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes pulseText{0%{opacity:.4}to{opacity:.9}}
/*# sourceMappingURL=main.033e1672.css.map*/