*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Inter,sans-serif;color:#fff;background-color:#050a15;margin:0;padding:0;overflow-x:hidden}#particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;background-color:#050a15}.hero,.interactive-globe,.pricing,.portfolio,.about{background-color:transparent!important}.price-card,.project-card,.contact-form{background:#ffffff08!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(56,189,248,.2)!important;color:#fff!important;box-shadow:0 15px 35px #0000004d;display:flex;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border-radius:30px!important}.container{max-width:1200px;margin:0 auto;padding:0 20px}.blue-text{color:#38bdf8}.mobile-only{display:none}.navbar{height:80px;background-color:#050a15d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;box-shadow:0 2px 15px #0000004d;display:flex;align-items:center}.navbar .container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo,.hamburger{z-index:10001}.logo{display:flex;align-items:center;font-size:22px;letter-spacing:1px;color:#fff;text-decoration:none;cursor:pointer}.logo-img{height:40px;width:auto;margin-right:12px}.logo-text .bold{font-weight:700}.nav-menu ul{display:flex;list-style:none}.nav-menu ul li{margin:0 20px}.nav-menu ul li a{text-decoration:none;color:#cbd5e1;font-weight:500;transition:color .3s ease}.nav-menu ul li a:hover{color:#38bdf8}.btn-primary{background-color:#38bdf8;color:#050a15;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:700;font-size:14px;transition:all .3s ease}.btn-primary:hover{background-color:#7dd3fc;transform:translateY(-2px);box-shadow:0 5px 15px #38bdf84d}.hero{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 20px}.hero h1{font-size:clamp(32px,8vw,64px);line-height:1.1;margin-bottom:25px;color:#fff}.hero p{font-size:18px;color:#94a3b8;max-width:600px}.interactive-globe{padding:60px 0;display:flex;justify-content:center}.reveal-container{position:relative;width:600px;height:600px;max-width:90vw;max-height:90vw;margin:0 auto;border-radius:50%;overflow:hidden;box-shadow:0 0 50px #38bdf826;cursor:none;touch-action:none}.base-layer,.reveal-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.mask-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;clip-path:ellipse(0px 0px at 50% 50%);z-index:2;-webkit-clip-path:ellipse(0px 0px at 50% 50%)}.reveal-container:hover .mask-layer,.reveal-container:active .mask-layer{clip-path:ellipse(var(--rx, 150px) var(--ry, 150px) at var(--x, 50%) var(--y, 50%));-webkit-clip-path:ellipse(var(--rx, 150px) var(--ry, 150px) at var(--x, 50%) var(--y, 50%))}.pricing{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:36px;color:#fff;margin-bottom:15px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;align-items:stretch}.price-card{padding:40px;border-radius:20px;text-align:center}.price-card:hover{transform:translateY(-10px);border-color:#38bdf8!important;background:#ffffff12!important}.price-card.featured{border:2px solid #38bdf8!important}.popular-tag{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#38bdf8;color:#050a15;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:800;text-transform:uppercase}.price{font-size:36px;font-weight:800;color:#fff!important;margin-bottom:30px}.features{list-style:none;margin-bottom:30px;text-align:left;flex-grow:1}.features li{margin-bottom:12px;display:flex;align-items:center;color:#cbd5e1!important}.features li:before{content:"✓";color:#38bdf8;margin-right:10px;font-weight:700}.btn-outline{display:block;padding:12px;border:2px solid #38bdf8;color:#38bdf8;text-decoration:none;border-radius:8px;font-weight:700;transition:all .3s ease}.btn-outline:hover{background:#38bdf8;color:#050a15}.portfolio{padding:100px 0}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.project-card{position:relative;border-radius:20px;overflow:hidden;height:350px}.project-image{position:relative;width:100%;height:100%}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#050a15cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s ease}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-image img{transform:scale(1.1)}.overlay-content{text-align:center;color:#fff;padding:20px}.view-project{display:inline-block;margin-top:15px;padding:10px 25px;border:2px solid #38bdf8;text-decoration:none;color:#38bdf8;font-weight:700;border-radius:50px;transition:.3s}.view-project:hover{background:#38bdf8;color:#050a15}.about{padding:100px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text h2{font-size:42px;margin:20px 0;color:#fff}.stats{display:flex;gap:30px;margin-top:30px}.stat-number{font-size:32px;font-weight:800;color:#38bdf8;display:block}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.member-image{width:100%;aspect-ratio:1/1;border-radius:20px;overflow:hidden;border:2px solid rgba(56,189,248,.3);box-shadow:0 10px 30px #0003}.member-image img{width:100%;height:100%;object-fit:cover}.contact{padding:100px 0}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-form{display:block!important;padding:40px}.form-group{margin-bottom:25px}.form-group label{display:block;color:#38bdf8;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:14px;background:#0f172ae6!important;border:1px solid rgba(56,189,248,.2)!important;color:#fff!important;border-radius:10px;font-size:16px;transition:.3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#38bdf8!important;background:#0f172a!important}.btn-submit{width:100%;padding:16px;background:#38bdf8;color:#050a15;border:none;border-radius:10px;font-weight:800;font-size:16px;cursor:pointer;text-transform:uppercase;transition:.3s}.footer{padding:60px 0;text-align:center;background-color:#030712;color:#64748b;border-top:1px solid rgba(255,255,255,.05)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:6px;z-index:10001;position:relative}.hamburger span{display:block;width:30px;height:3px;background-color:#fff;border-radius:3px;transition:all .3s ease}.nav-menu ul li.mobile-button{display:none}@media (max-width: 992px){.about-grid,.contact-wrapper{grid-template-columns:1fr;gap:40px}}@media (max-width: 768px){.hamburger{display:flex}.nav-cta{display:none!important}.nav-menu ul li.mobile-button{display:block;margin-top:20px}.nav-menu{position:fixed;top:0;right:-100%;width:80%;height:100vh;background-color:#050a15;box-shadow:-10px 0 30px #00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:10000}.nav-menu.active{right:0}.nav-menu ul{flex-direction:column;text-align:center;gap:30px}.nav-menu ul li a{font-size:24px;color:#fff}.nav-menu ul li.mobile-button a{font-size:18px;padding:15px 30px;border-radius:12px}.hero h1{font-size:38px}.pricing-grid,.portfolio-grid,.team-grid{grid-template-columns:1fr}}.bg-pattern-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-color:#050a15;overflow:hidden;pointer-events:none}.topographic-svg{width:150%;height:150%;position:absolute;top:-25%;left:-25%;opacity:.15;animation:drift 60s ease-in-out infinite alternate}.topo-line{fill:none;stroke:#38bdf8;stroke-width:1;stroke-dasharray:4 4}@keyframes drift{0%{transform:translate(0) rotate(0)}to{transform:translate(2%,2%) rotate(1deg)}}.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}