body{color:#fff;background:#020403;font-family:Arial,sans-serif;overflow-x:hidden}.site{min-height:100vh;position:relative}.nav{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0006;border-bottom:1px solid #00ff781a;justify-content:space-between;align-items:center;width:100%;height:90px;padding:0 60px;display:flex;position:sticky;top:0}.logo{color:#fff;cursor:pointer;background:0 0;border:none;font-size:42px;font-weight:900}.logo span{color:#00ff73}.links{gap:32px;display:flex}.links button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:17px;font-weight:700}.links .active{color:#00ff73}.navCta{color:#000;cursor:pointer;background:#ecfff2;border:none;border-radius:999px;padding:14px 28px;font-weight:800}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:calc(100vh - 90px);padding:80px;display:grid}.heroLeft h1{margin-bottom:25px;font-size:74px;line-height:1.05}.redText{color:#ff3b3b}.typing{color:#00ff73;margin-bottom:20px;font-size:22px}.cursor{animation:.8s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.desc{color:#b7c7bd;max-width:700px;margin-bottom:32px;font-size:18px;line-height:1.8}.buttons{gap:18px;margin-bottom:40px;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;padding:15px 34px;font-size:16px;font-weight:800}.primary{color:#000;background:#ecfff2}.stats{gap:30px;margin-top:30px;display:flex}.stats div{background:#ffffff08;border:1px solid #00ff781f;border-radius:22px;min-width:130px;padding:22px}.stats h3{margin-bottom:6px;font-size:34px}.securityPanel{background:#ffffff08;border:1px solid #00ff7824;border-radius:30px;padding:35px}.panelHeader{justify-content:space-between;margin-bottom:25px;display:flex}.terminal{background:#000;border-radius:22px;overflow:hidden}.terminalTop{background:#111;align-items:center;gap:10px;height:45px;padding:0 20px;display:flex}.terminalBody p{color:#00ff73;margin-bottom:8px}.terminalBody h3{margin-bottom:20px;font-size:20px}.section{padding:90px 80px}.sectionTag{color:#00ff73;margin-bottom:16px;font-weight:800}.section h2{margin-bottom:40px;font-size:52px}.grid,.projectGrid,.serviceGrid,.galleryGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.card,.project,.serviceCard,.galleryCard,.profileCard,.timeline,.aboutPanel,.contactForm{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #00ff781f;border-radius:28px;padding:30px}.card h3,.project h3,.serviceCard h3{margin:20px 0 15px}.card p,.project p,.serviceCard p{color:#b7c7bd;line-height:1.7}.icon{font-size:42px}.pageShell{padding-top:120px}.pageHero{padding:0 80px 40px}.pageHero h1{margin:10px 0 20px;font-size:70px}.pageHero p{color:#b7c7bd;max-width:800px;line-height:1.8}.timeline li{margin-bottom:14px}.projectPoints{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.projectPoints small{background:#00ff7814;border-radius:999px;padding:8px 12px}.project button{color:#00ff73;cursor:pointer;background:0 0;border:none;margin-top:18px;font-weight:800}.socialGrid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.socialGrid a{text-align:center;color:#fff;background:#ffffff08;border:1px solid #00ff781f;border-radius:22px;padding:22px;font-weight:800;text-decoration:none}.contactForm{gap:22px;display:grid}.contactForm input,.contactForm select,.contactForm textarea{color:#fff;background:#020403;border:1px solid #00ff781f;border-radius:18px;outline:none;width:100%;padding:18px}.popupOverlay{z-index:99999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.popupFormBox{width:100%;max-width:900px;position:relative}.gridBg{z-index:-2;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}@media (width<=980px){.hero,.profileGrid,.formRow{grid-template-columns:1fr}.hero{padding:40px 24px}.heroLeft h1,.pageHero h1{font-size:48px}.nav{padding:0 20px}.links{display:none}.section,.pageHero{padding-left:24px;padding-right:24px}.socialGrid{grid-template-columns:1fr 1fr}}.simplePopup{z-index:99999;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#000000eb;border:1px solid #00ff7833;border-radius:24px;width:360px;padding:28px;transition:all .4s;position:fixed;bottom:30px;right:30px;transform:translateY(40px)}.showPopup{opacity:1;pointer-events:auto;transform:translateY(0)}.simplePopup p{color:#d0d0d0;line-height:1.7}.popupClose{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px;position:absolute;top:12px;right:18px}.simplePopup{opacity:0;pointer-events:none;transition:all .4s;transform:translateY(40px);z-index:999999!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#000000eb!important;border:1px solid #00ff7847!important;border-radius:24px!important;width:390px!important;padding:28px!important;position:fixed!important;inset:auto 30px 30px auto!important;box-shadow:0 0 45px #00ff7838!important}.simplePopup.showPopup{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}.simplePopup .popupClose{color:#fff!important;cursor:pointer!important;background:0 0!important;border:none!important;font-size:26px!important;position:absolute!important;inset:10px 14px auto auto!important}.simplePopup h2{color:#00ff73!important;margin-bottom:12px!important;font-size:30px!important}.simplePopup p{color:#e8fff0!important;font-size:15px!important;line-height:1.6!important}canvas{pointer-events:none!important}.nav,main,.section{z-index:5;position:relative}canvas{z-index:1!important;pointer-events:none!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.site{min-height:100vh;overflow-x:hidden;position:relative!important}.nav,main,.section,.hero,.card,.securityPanel{z-index:10!important;position:relative!important}.gridBg{z-index:0!important}.noise,.mouseGlow{pointer-events:none!important;z-index:2!important}:root{--bg:#020403;--panel:#071108c7;--green:#25ff6a;--deep:#071108;--mint:#e8fff0;--soft:#a8c7b0;--red:#ff1744;--line:#e8fff01f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--mint);font-family:Inter,Arial,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}canvas{z-index:0;filter:contrast(1.1)brightness(.75)drop-shadow(0 0 44px #25ff6a38);inset:0;position:fixed!important}.site{z-index:2;background:radial-gradient(circle at 10% 10%,#25ff6a2b,#0000 30%),radial-gradient(circle at 90% 20%,#ff17441a,#0000 28%),radial-gradient(circle at 70% 90%,#e8fff012,#0000 38%),#020403c7;min-height:100vh;position:relative}.noise{pointer-events:none;opacity:.055;z-index:1;background-image:linear-gradient(#e8fff01a 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}.gridBg{pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(#25ff6a0e 1px,#0000 1px),linear-gradient(90deg,#e8fff009 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:58px 58px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 12%,#0000 70%);mask-image:radial-gradient(circle,#000 12%,#0000 70%)}.mouseGlow{pointer-events:none;z-index:2;background:radial-gradient(circle,#25ff6a33,#0000 65%);border-radius:50%;width:390px;height:390px;position:fixed;transform:translate(-50%,-50%)}.glass3d,.glassNav{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#08120ad6,#08120a6b);box-shadow:0 28px 90px #00000080,inset 0 1px #ffffff12}.nav{z-index:20;border-bottom:1px solid #e8fff014;justify-content:space-between;align-items:center;width:100%;padding:18px 8%;display:flex;position:fixed;top:0}.logo{letter-spacing:2px;color:var(--mint);background:0 0;border:0;font-size:24px;font-weight:950}.logo span{color:var(--green);text-shadow:0 0 28px #25ff6abf}.links{align-items:center;gap:10px;display:flex}.links button{color:var(--soft);background:0 0;border:1px solid #0000;border-radius:999px;padding:10px 14px;font-weight:800;transition:all .25s}.links button:hover,.links button.active{color:var(--mint);text-shadow:0 0 18px #25ff6a8c;background:#e8fff00f;border-color:#e8fff024}.navCta{color:var(--bg);background:var(--mint);border:0;border-radius:999px;padding:12px 18px;font-weight:950;box-shadow:0 0 30px #e8fff02e}.hero{z-index:5;grid-template-columns:1.12fr .88fr;align-items:center;gap:60px;min-height:100vh;padding:145px 8% 80px;display:grid;position:relative}.badge,.sectionTag{color:var(--green);letter-spacing:2px;margin-bottom:18px;font-size:13px;font-weight:950;display:inline-block}.hero h1,.pageHero h1{color:var(--mint);letter-spacing:-2px;margin-bottom:24px;font-size:clamp(44px,7vw,88px);line-height:1.02}.hero h1 span,.pageHero h1 span{color:var(--green);text-shadow:0 0 42px #25ff6a8c}.typing{min-height:34px;color:var(--mint);margin-bottom:22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px}.cursor{color:var(--green);animation:.8s infinite blink}.desc{max-width:650px;color:var(--soft);margin-bottom:34px;font-size:18px;line-height:1.8}.buttons,.trustStrip,.stats{flex-wrap:wrap;gap:16px;display:flex}.btn{border:0;border-radius:999px;padding:15px 30px;font-weight:950;text-decoration:none;transition:all .3s}.primary{color:var(--bg);background:var(--mint);box-shadow:0 0 42px #e8fff033}.ghost{color:var(--mint);background:#e8fff00a;border:1px solid #e8fff033}.btn:hover{transform:translateY(-6px)}.trustStrip{gap:12px;margin-top:28px}.trustStrip span,.projectPoints small{color:var(--soft);background:#e8fff00b;border:1px solid #e8fff017;border-radius:999px;padding:10px 14px;font-size:14px}.stats{margin-top:32px}.stats div{background:#071108b8;border:1px solid #e8fff01a;border-radius:22px;min-width:135px;padding:20px;transform:perspective(800px)rotateX(6deg)}.stats h3{font-size:28px}.stats p{color:var(--soft);font-size:14px}.heroRight{perspective:1200px;animation:4s ease-in-out infinite float}.securityPanel{border-radius:34px;padding:18px;transform:rotateY(-8deg)rotateX(4deg)}.panelHeader{color:var(--soft);letter-spacing:1px;justify-content:space-between;padding:6px 8px 16px;font-size:12px;font-weight:950;display:flex}.panelHeader b{color:var(--green)}.terminal{background:#071108e6;border:1px solid #e8fff01f;border-radius:30px;overflow:hidden;box-shadow:0 30px 90px #00000094,0 0 60px #25ff6a1f}.terminalTop{background:#e8fff00d;gap:9px;padding:18px;display:flex}.terminalTop span{background:var(--green);border-radius:50%;width:13px;height:13px}.terminalTop span:first-child{background:var(--red)}.terminalBody{padding:30px}.terminalBody p{color:var(--green);margin-top:20px;font-family:ui-monospace,monospace}.terminalBody h3{color:var(--mint);margin-top:8px;font-size:20px}.scanLine{background:linear-gradient(90deg, transparent, var(--green), var(--mint), transparent);width:100%;height:3px;margin-top:35px;animation:2s linear infinite scan}.miniCards{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.miniCards div{background:#071108b8;border:1px solid #e8fff017;border-radius:20px;padding:15px}.miniCards strong,.miniCards span{display:block}.miniCards span{color:var(--green);margin-top:6px;font-size:14px}.section{z-index:5;padding:105px 8%;position:relative}.section.compact{padding-top:50px}.section h2,.contact h2,.profileCard h2,.aboutPanel h2{text-align:center;color:var(--mint);margin-bottom:35px;font-size:clamp(34px,5vw,58px)}.sectionTag{text-align:center;display:block}.grid,.projectGrid,.serviceGrid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.card,.project,.processCard,.serviceCard{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071108c7;border:1px solid #e8fff01a;border-radius:28px;padding:30px;transition:all .35s;position:relative;overflow:hidden}.tilt{transform-style:preserve-3d}.card:before,.project:before,.serviceCard:before{content:"";background:linear-gradient(120deg,#0000,#25ff6a29,#0000);transition:all .6s;position:absolute;inset:0;transform:translate(-100%)}.card:hover:before,.project:hover:before,.serviceCard:hover:before{transform:translate(100%)}.card:hover,.project:hover,.serviceCard:hover{border-color:#e8fff047;transform:translateY(-12px)rotateX(5deg)rotateY(-4deg);box-shadow:0 25px 70px #25ff6a29}.icon{margin-bottom:20px;font-size:38px}.card h3,.project h3,.serviceCard h3{color:var(--mint);margin-bottom:12px;font-size:25px}.card p,.project p,.serviceCard p,.aboutPanel p,.profileCard p,.timeline li,.contact p{color:var(--soft);line-height:1.75}.project span{color:var(--green);letter-spacing:1px;font-size:13px;font-weight:950}.projectPoints{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.project button{color:var(--bg);background:var(--mint);border:none;border-radius:999px;margin-top:24px;padding:12px 18px;font-weight:950;transition:all .3s}.serviceGrid{grid-template-columns:repeat(4,1fr)}.serviceCard b{color:var(--green);margin-top:22px;display:block}.pageShell{z-index:5;padding-top:112px;position:relative}.pageHero{text-align:center;border-radius:42px;margin:45px 8% 0;padding:70px 7%}.pageHero p{max-width:850px;color:var(--soft);margin:0 auto;font-size:18px;line-height:1.75}.profileGrid{grid-template-columns:1.2fr .8fr;gap:25px;display:grid}.profileCard,.timeline,.aboutPanel{border-radius:30px;padding:38px}.profileCard h2{text-align:left;margin-bottom:10px}.profileCard h3{color:var(--green);margin-bottom:18px;font-size:22px}.timeline h3{margin-bottom:22px;font-size:28px}.timeline ul{padding-left:22px}.timeline li{margin:12px 0}.aboutPanel{text-align:center;max-width:1000px;margin:0 auto}.aboutPanel p{margin-bottom:18px;font-size:18px}.contact{z-index:5;text-align:center;padding:50px 8% 115px;position:relative}.contactForm{border-radius:30px;max-width:820px;margin:0 auto;padding:28px}.formRow{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contactForm input,.contactForm select,.contactForm textarea{width:100%;color:var(--mint);background:#010301b8;border:1px solid #e8fff024;border-radius:16px;outline:none;margin-bottom:16px;padding:15px 17px;font-size:15px}.contactForm input::placeholder,.contactForm textarea::placeholder{color:#e8fff08c}.contactForm textarea{resize:vertical;min-height:150px}.contactForm input:focus,.contactForm select:focus,.contactForm textarea:focus{border-color:#25ff6aa6;box-shadow:0 0 22px #25ff6a26}.reveal{animation:.9s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=1150px){.serviceGrid{grid-template-columns:repeat(2,1fr)}.navCta{display:none}}@media (width<=980px){.hero{text-align:center;grid-template-columns:1fr}.desc{margin-left:auto;margin-right:auto}.buttons,.stats,.trustStrip{justify-content:center}.grid,.projectGrid,.serviceGrid,.profileGrid{grid-template-columns:1fr}.links{display:none}.miniCards{grid-template-columns:1fr}.securityPanel{transform:none}}@media (width<=700px){.formRow{grid-template-columns:1fr}.nav{padding:16px 5%}.hero{padding:128px 5% 60px}.section,.contact{padding-left:5%;padding-right:5%}.pageHero{margin-left:5%;margin-right:5%;padding:50px 24px}}.redText{color:var(--red)!important;text-shadow:0 0 42px #ff17448c!important}.galleryGrid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.galleryCard{border-radius:30px;min-height:260px;padding:28px;transition:all .35s;position:relative;overflow:hidden}.galleryCard:hover{border-color:#ff174459;transform:translateY(-12px)rotateX(5deg)rotateY(-4deg);box-shadow:0 25px 70px #ff174426}.galleryVisual{height:120px;color:var(--bg);background:linear-gradient(135deg, var(--green), var(--mint), var(--red));border-radius:24px;justify-content:center;align-items:center;margin-bottom:20px;font-size:46px;font-weight:950;display:flex;box-shadow:inset 0 0 35px #0003,0 18px 60px #25ff6a26}.galleryCard h3{margin-bottom:12px;font-size:24px}.galleryCard p{color:var(--soft);line-height:1.7}.socialGrid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:820px;margin:0 auto 22px;display:grid}.socialGrid a{color:var(--mint);background:#071108c7;border:1px solid #e8fff01f;border-radius:18px;padding:16px;font-weight:950;text-decoration:none;transition:all .3s}.socialGrid a:hover{border-color:#25ff6a8c;transform:translateY(-7px);box-shadow:0 18px 50px #25ff6a24}.projectPopup{z-index:50;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#08120af2,#08120ac7);border:1px solid #e8fff029;border-radius:24px;width:min(390px,100vw - 48px);padding:20px 22px;transition:all .35s;position:fixed;bottom:24px;right:24px;transform:translateY(25px)scale(.95);box-shadow:0 25px 80px #0009,0 0 42px #ff174429}.projectPopup.show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.projectPopup button{width:28px;height:28px;color:var(--mint);background:#e8fff014;border:0;border-radius:50%;font-size:20px;position:absolute;top:10px;right:12px}.projectPopup strong{color:var(--red);margin-bottom:8px;font-size:18px;display:block}.projectPopup p{color:var(--soft);padding-right:18px;line-height:1.6}@media (width<=980px){.galleryGrid,.socialGrid{grid-template-columns:1fr}}