:root{--primary-color: #00b4d8;--secondary-color: #0077b6;--accent-color: #61c0d1;--dark-bg: #03045e;--light-bg: #f8f9fa;--text-dark: #1a1a1a;--text-light: #ffffff;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}.cursor-follower{position:fixed;width:100px;height:100px;background:radial-gradient(circle,rgba(144,224,239,.4) 0%,rgba(0,180,216,.1) 70%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;filter:blur(5px);transition:width .3s,height .3s,background .3s}html{scroll-behavior:smooth;overflow-anchor:auto}body{font-family:var(--font-body);background-color:transparent;color:var(--text-dark);line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh;overflow-anchor:auto}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#fff6;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);pointer-events:none}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-block;padding:12px 30px;border-radius:50px;font-weight:600;transition:var(--transition);cursor:pointer;border:none;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--text-light);box-shadow:0 4px 15px #0077b64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0077b680}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--text-light)}.section-padding{padding:80px 0}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:2.5rem;color:var(--dark-bg);margin-bottom:15px;position:relative;display:inline-block}.section-title h2:after{content:"";position:absolute;width:60%;height:4px;background:var(--primary-color);bottom:-10px;left:20%;border-radius:2px}.section-title p{color:#444;max-width:600px;margin:0 auto}.floating-glass-panel{background:#ffffff26;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:2px solid rgba(0,119,182,.5);box-shadow:0 15px 45px #0077b61a;border-radius:50px;padding:50px;transition:all .5s ease;animation:liveBreath 6s ease-in-out infinite;position:relative;overflow:hidden;will-change:transform,box-shadow,border-color}.floating-glass-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 60%);opacity:0;transform:rotate(30deg);transition:opacity .5s;pointer-events:none}.floating-glass-panel:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 25px 60px #00b4d840}.floating-glass-panel:hover:before{opacity:.1}@keyframes liveBreath{0%{box-shadow:0 15px 45px #0077b61a;border-color:#0077b680}50%{box-shadow:0 15px 50px #00b4d84d;border-color:#00b4d8cc}to{box-shadow:0 15px 45px #0077b61a;border-color:#0077b680}}.glass-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0000001a;border-radius:20px;padding:30px;color:var(--text-dark)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000000d;transition:var(--transition)}.navbar.scrolled{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;box-shadow:none;padding:10px 0}.navbar.scrolled .container{background:#fff3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:3px solid var(--secondary-color);box-shadow:0 10px 40px #00000026;border-radius:50px;box-shadow:0 8px 32px #0000001a;max-width:1200px;margin:0 auto;padding:0 40px;height:70px;transition:all .4s ease-in-out}.navbar.scrolled .nav-links .btn-primary,.navbar.scrolled .nav-links .btn-primary:hover{display:none}.navbar .container{display:flex;justify-content:space-between;align-items:center;height:80px}.navbar .btn-primary{padding:10px 25px;white-space:nowrap;overflow:hidden}.logo{display:flex;align-items:center;font-size:1.5rem;font-weight:800;color:var(--dark-bg)}.logo img{height:40px;margin-right:10px}.nav-links{display:flex;list-style:none;gap:30px;align-items:center}.nav-links li a{font-weight:500;color:var(--text-dark);transition:all .3s ease;position:relative;padding:8px 16px;border-radius:20px;white-space:nowrap}.nav-links li a:hover,.nav-links li a.active-link{color:var(--primary-color);background:#00b4d81a;transform:translateY(-1px)}.nav-links li a:after{display:none}.hamburger{display:none;cursor:pointer;z-index:1001}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background-color:var(--dark-bg)}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.menu-backdrop.active{opacity:1;visibility:visible}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;background:transparent;overflow:hidden}.hero-container{display:flex;flex-direction:row;align-items:center;width:100%}.hero-content{flex:1;z-index:10}.hero h1{font-size:3.5rem;line-height:1.2;margin-bottom:20px;color:var(--dark-bg)}.hero h1 span.typewriter-text{color:var(--primary-color);position:relative}.caret{border-right:.05em solid currentColor;animation:caret 1s steps(1) infinite;display:inline-block;vertical-align:bottom;height:1em;margin-left:2px}@keyframes caret{50%{border-color:transparent}}.hero p{font-size:1.2rem;color:#555;margin-bottom:30px;max-width:500px}.hero-visual{flex:1;display:flex;justify-content:center;position:relative}.floating-shape{width:400px;height:400px;background:linear-gradient(45deg,var(--accent-color),var(--primary-color));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:morph 8s ease-in-out infinite;opacity:.8;filter:blur(40px);position:absolute;z-index:1}.hero-btns{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.hero-btns .btn{flex:1;min-width:180px;text-align:center;margin:0!important}.hero-img-container{position:relative;z-index:2;width:100%;max-width:500px}.services-grid{display:grid;grid-template-columns:1fr;gap:30px;max-width:600px;margin:0 auto}.service-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px #0000000d;transition:var(--transition);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;text-align:left;gap:30px;will-change:transform,box-shadow;min-height:180px}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0077b626}.service-icon{font-size:3rem;color:var(--primary-color);margin-bottom:0;flex-shrink:0}.service-card h3{margin-bottom:15px;font-size:1.5rem}.service-card p{color:#444;margin-bottom:20px;line-height:1.7}.service-link{font-weight:600;color:var(--secondary-color);display:flex;align-items:center;gap:5px}.about{background-color:transparent}.about-wrapper{display:flex;align-items:center;gap:50px;position:relative;z-index:2;background:#ffffff26;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:2px solid rgba(0,119,182,.5);border-radius:50px;padding:50px;animation:liveBreath 6s ease-in-out infinite;transition:all .5s ease;will-change:transform,box-shadow,border-color}.about-wrapper:hover{transform:translateY(-5px);box-shadow:0 25px 60px #00b4d840;border-color:var(--primary-color)}.about-img{flex:1;background:transparent;border:none;box-shadow:none;position:relative;z-index:2;overflow:hidden;padding:0;border-radius:30px}.about-img img{width:100%;height:auto;display:block}.about-text{flex:1;position:relative;z-index:2;text-align:left}.about-text .section-title{text-align:left;margin-bottom:30px}.about-text .section-title h2:after{left:0;width:80px}.stats{display:flex;gap:30px;margin-top:30px}.stat-item h4{font-size:2.5rem;color:var(--primary-color)}.stat-item p{font-size:.9rem;color:#666}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.portfolio-item{position:relative;border-radius:15px;overflow:hidden;height:300px;cursor:pointer;box-shadow:0 10px 20px #0000001a;will-change:transform}.portfolio-item:nth-child(4){display:none}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-overlay{position:absolute;bottom:-100%;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(3,4,94,.9),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;transition:bottom .4s ease}.portfolio-item:hover .portfolio-overlay{bottom:0}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-title{color:#fff;font-size:1.5rem;margin-bottom:5px}.portfolio-cat{color:var(--accent-color);font-size:.9rem}.contact{background:transparent;color:var(--text-dark);position:relative;overflow:hidden}.contact:before{content:"";position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:var(--primary-color);filter:blur(100px);opacity:.2;border-radius:50%}.contact-container{display:flex;gap:50px;position:relative;z-index:2;background:#ffffff26;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:2px solid rgba(0,119,182,.5);border-radius:50px;padding:50px;animation:liveBreath 8s ease-in-out infinite reverse;transition:all .5s ease;will-change:transform,box-shadow,border-color}.contact-container:hover{transform:translateY(-5px);box-shadow:0 25px 60px #00b4d840;border-color:var(--primary-color)}.contact-info{flex:1;background:transparent;padding:20px;box-shadow:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.contact-info h3{font-size:2rem;margin-bottom:20px}.contact-details{list-style:none;margin-top:30px}.contact-details li{display:flex;align-items:center;gap:15px;margin-bottom:20px;font-size:1.1rem}.contact-details i{color:var(--primary-color);font-size:1.5rem}.contact-form{flex:1;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:20px;border:none}.form-group{margin-bottom:20px}.form-input{width:100%;padding:15px;background:#ffffffd9;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:var(--text-dark);font-family:inherit;outline:none;transition:var(--transition)}.form-input:focus{border-color:var(--primary-color);background:#ffffff26}.form-input::placeholder{color:#00000080}textarea.form-input{min-height:120px;resize:vertical}.custom-dropdown{position:relative;cursor:pointer;font-size:1rem}.dropdown-selected{width:100%;padding:12px 15px;background:#ffffffd9;border:1px solid rgba(0,0,0,.1);border-radius:5px;color:var(--text-dark);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.dropdown-selected.placeholder{color:#0009}.dropdown-selected i{font-size:.8rem;transition:transform .3s ease}.dropdown-selected i.rotate{transform:rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;width:100%;background:#141e30f2;border:1px solid rgba(255,255,255,.1);border-radius:5px;margin-top:5px;z-index:1000;max-height:200px;overflow-y:auto;box-shadow:0 4px 15px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropdown-options::-webkit-scrollbar{width:8px}.dropdown-options::-webkit-scrollbar-track{background:#ffffff0d}.dropdown-options::-webkit-scrollbar-thumb{background:#00b4d880;border-radius:4px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#00b4d8cc}.dropdown-item{padding:12px 15px;color:#fff;transition:background .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#00b4d833;color:#00b4d8}footer{background:transparent;color:var(--text-dark);padding:30px 0;text-align:center;font-weight:500}@keyframes morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}@media (min-width: 1920px){.container{max-width:1400px}.hero h1{font-size:4rem}.section-title h2{font-size:3rem}}@media (max-width: 1199px){.container{max-width:960px;padding:0 1.5rem}.hero h1{font-size:3rem}.section-title h2{font-size:2.2rem}.floating-glass-panel{padding:40px}}@media (max-width: 1024px){.container{max-width:720px;padding:0 1.5rem}.section-padding{padding:60px 0}.hero h1{font-size:2.8rem}.hero p{font-size:1.1rem}.hero-container{flex-direction:column-reverse;text-align:center;gap:40px}.hero-content .glass-card{margin:0 auto}.hero-btns{justify-content:center}.floating-shape{width:300px;height:300px}.about-wrapper,.contact-container{gap:40px;padding:40px}.stats{gap:20px}.stat-item h4{font-size:2rem}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:25px}.portfolio-item:nth-child(4){display:block}.portfolio-item{height:250px}.navbar.scrolled .container{padding:0 20px;height:65px;width:94%;margin:0 auto}.nav-links{gap:10px}.hero-btns .btn{min-width:200px}}@media (max-width: 1024px){.hamburger{display:block;z-index:1001}.navbar .container{height:70px;padding:0 1.5rem}.navbar.scrolled .container{height:60px;padding:0 20px;border-radius:30px}.nav-links{position:fixed;right:-100%;top:0;height:100vh;width:85%;max-width:400px;background:#ffffffb3;backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);flex-direction:column;justify-content:center;align-items:center;box-shadow:-10px 0 30px #0000001a;transition:right .5s cubic-bezier(.4,0,.2,1);gap:25px;z-index:1000;border-left:1px solid rgba(255,255,255,.5);border-top-left-radius:40px;border-bottom-left-radius:40px}.nav-links.active{right:0}.nav-links li{opacity:0;transform:translate(30px);transition:all .4s ease}.nav-links.active li{opacity:1;transform:translate(0)}.nav-links.active li:nth-child(1){transition-delay:.1s}.nav-links.active li:nth-child(2){transition-delay:.15s}.nav-links.active li:nth-child(3){transition-delay:.2s}.nav-links.active li:nth-child(4){transition-delay:.25s}.nav-links.active li:nth-child(5){transition-delay:.3s}.nav-links.active li:nth-child(6){transition-delay:.35s}.nav-links li a{font-size:1.2rem;font-weight:700;padding:10px 20px;display:block;border-radius:12px}.nav-links li a:hover,.nav-links li a.active-link{background:#00b4d826;color:var(--primary-color);transform:scale(1.05)}.logo{font-size:1.3rem}.logo img{height:35px}.hero{height:auto;min-height:auto;padding:140px 0 80px;text-align:center;overflow:visible}.hero-container{flex-direction:column-reverse;gap:40px}.hero-content{margin-top:30px}.hero-content .glass-card{padding:25px!important;max-width:100%!important;min-height:auto!important;width:100%}.hero h1{font-size:2.2rem;line-height:1.3}.hero p{font-size:1rem;margin:0 auto 25px;max-width:100%}.hero-visual{width:100%;max-width:350px;margin:0 auto}.floating-shape{width:250px;height:250px}.hero-img-container{max-width:100%}.btn{padding:10px 25px;font-size:.95rem}.hero-btns{flex-direction:column;gap:12px}.hero-btns .btn{width:100%;min-width:auto;flex:none}.section-padding{padding:50px 0}.section-title{margin-bottom:40px}.section-title h2{font-size:2rem}.section-title p{font-size:.95rem;padding:0 15px}.services-grid{gap:20px;max-width:100%}.service-card{flex-direction:column;text-align:center;padding:30px 20px;gap:15px}.service-icon{font-size:2.5rem;margin-bottom:10px}.service-card h3{font-size:1.3rem}.service-card p{font-size:.95rem}.about-wrapper{flex-direction:column;gap:30px;padding:30px 20px;border-radius:30px}.about-img{border-radius:20px}.about-text,.about-text .section-title{text-align:center}.about-text .section-title h2:after{left:50%;transform:translate(-50%)}.about-text h2{font-size:1.8rem}.about-text p{font-size:.95rem}.stats{flex-direction:column;gap:20px;text-align:center}.stat-item h4{font-size:2rem}.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-item{height:250px}.portfolio-title{font-size:1.3rem}.portfolio-overlay{padding:20px}.contact-container{flex-direction:column;gap:30px;padding:30px 20px;border-radius:30px}.contact-info h3{font-size:1.6rem}.contact-details li{font-size:1rem;margin-bottom:15px}.contact-details i{font-size:1.3rem}.form-input{padding:12px;font-size:.95rem}.floating-glass-panel{padding:30px 20px;border-radius:30px}.glass-card{padding:25px;border-radius:15px}.container{max-width:100%;padding:0 1.5rem}.cursor-follower{display:none}.shape-primary,.shape-secondary{width:50vh;height:50vh}.shape-accent{width:25vh;height:25vh}}@media (max-width: 767px) and (min-width: 481px){.hero h1{font-size:2.5rem}.section-title h2{font-size:2.2rem}.container{padding:0 2rem}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.container{padding:0 1.25rem}}@media (min-width: 390px) and (max-width: 480px){.hero h1{font-size:2rem}.hero p{font-size:1.05rem}.hero-content .glass-card{padding:25px!important}.btn{padding:12px 24px;font-size:1rem}.service-card{padding:30px 20px}}@media (max-width: 389px){.container{padding:0 1rem}.hero h1{font-size:1.7rem}.hero p{font-size:.95rem}.section-padding{padding:40px 0}.section-title h2{font-size:1.6rem}.btn{padding:10px 20px;font-size:.9rem}.hero-content .glass-card{padding:20px!important}.hero-btns{gap:10px}.logo{font-size:1.2rem}.logo img{height:30px}.navbar .container{height:60px;padding:0 1rem}.navbar.scrolled .container{height:55px;padding:0 15px}.service-card{padding:20px 15px;min-height:auto}.service-icon{font-size:2rem}.service-card h3{font-size:1.2rem}.about-wrapper,.contact-container{padding:25px 15px}.portfolio-item{height:220px}}@media (max-height: 500px) and (orientation: landscape){.hero{min-height:auto;padding:80px 0 40px}.section-padding{padding:40px 0}.nav-links{padding:20px 0;gap:10px}.floating-glass-panel{padding:20px}}@media print{.navbar,.hamburger,.cursor-follower,.m3-background-container{display:none!important}body{background:#fff;color:#000}.floating-glass-panel,.glass-card{background:#fff;border:1px solid #ccc}}.m3-background-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none;background:#fdfcff}.m3-shape{position:absolute;filter:blur(80px);opacity:.6;transition:transform .1s linear;will-change:transform}.shape-primary{top:-10%;right:-10%;width:60vh;height:60vh;background:radial-gradient(circle,var(--primary-color),var(--accent-color));border-radius:40% 60% 70% 30%/40% 50% 60%;animation:morphSafe 20s infinite alternate}.shape-secondary{bottom:-10%;left:-10%;width:70vh;height:50vh;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:morphSafe 25s infinite alternate-reverse}.shape-accent{top:40%;left:40%;width:30vh;height:30vh;background:var(--accent-color);border-radius:50%;opacity:.4;mix-blend-mode:multiply}.m3-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,180,216,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,216,.03) 1px,transparent 1px);background-size:50px 50px;z-index:0}@media (max-width: 1024px){.m3-grid-overlay,.interactive-canvas{display:none!important}}@keyframes morphSafe{0%{border-radius:40% 60% 70% 30%/40% 50% 60%}to{border-radius:40% 60% 30% 70%/60% 30% 70% 40%}}svg{display:none}