*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}section{scroll-margin-top:50px}body{color:#fff;background:radial-gradient(circle at 0 0,#3b82f62e,#0000 25%),radial-gradient(circle at 100% 0,#a855f72e,#0000 25%),radial-gradient(circle at bottom,#22d3ee1f,#0000 30%),#030712;font-family:Inter,sans-serif;overflow-x:hidden}.app{padding:0 80px}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;width:92%;padding:18px 30px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.logo{letter-spacing:2px;color:#22d3ee;font-size:18px;font-weight:800}.navLinks{gap:35px;display:flex}.navLinks a{color:#cbd5e1;font-size:15px;text-decoration:none;transition:all .3s}.navLinks a:hover{color:#22d3ee}.resumeBtn{color:#000;background:linear-gradient(135deg,#22d3ee,#3b82f6);border-radius:12px;padding:10px 18px;font-weight:700;text-decoration:none;transition:all .3s}.resumeBtn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #22d3ee4d}.hero{justify-content:center;align-items:center;min-height:88vh;padding-top:120px;display:flex;position:relative;overflow:hidden}.heroContent{z-index:5;max-width:950px;position:relative}.heroBackground{z-index:1;position:absolute;inset:0;overflow:hidden}.neuron{opacity:.7;background:#22d3ee;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 20px #22d3ee}.neuron1{animation:4s linear infinite float1;top:20%;left:18%}.neuron2{animation:3.5s linear infinite float2;top:32%;left:42%}.neuron3{animation:5s linear infinite float3;top:65%;left:28%}.neuron4{animation:4s linear infinite float2;top:45%;right:20%}.neuron5{animation:2s linear infinite float1;bottom:18%;right:30%}.line{opacity:.5;background:linear-gradient(90deg,#0000,#22d3ee26,#0000);height:2px;position:absolute}.line1{width:260px;animation:3.5s linear infinite pulseLine;top:25%;left:18%;transform:rotate(18deg)}.line2{width:320px;animation:4s linear infinite pulseLine;top:52%;left:25%;transform:rotate(-12deg)}.line3{width:240px;animation:2s linear infinite pulseLine;top:40%;right:15%;transform:rotate(25deg)}@keyframes float1{0%{transform:translateY(0)translate(0)}50%{transform:translateY(-18px)translate(10px)}to{transform:translateY(0)translate(0)}}@keyframes float2{0%{transform:translateY(0)translate(0)}50%{transform:translateY(15px)translate(-12px)}to{transform:translateY(0)translate(0)}}@keyframes float3{0%{transform:translateY(0)}50%{transform:translateY(-22px)}to{transform:translateY(0)}}@keyframes pulseLine{0%{opacity:.5}50%{opacity:.85}to{opacity:.5}}h1{max-width:900px;font-size:58px;line-height:1.08}.gradient{background:linear-gradient(90deg,#22d3ee,#3b82f6,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.typing{color:#22d3ee;margin-top:25px;font-size:28px;font-weight:600}.heroText{color:#94a3b8;max-width:760px;margin-top:25px;font-size:18px;line-height:1.8}@keyframes floatOrb{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.heroButtons{gap:20px;margin-top:35px;display:flex}.primaryBtn,.secondaryBtn{color:#000;cursor:pointer;background:linear-gradient(135deg,#22d3ee,#3b82f6);border:none;border-radius:14px;padding:14px 22px;font-weight:700;text-decoration:none;transition:all .3s}.primaryBtn:hover,.secondaryBtn:hover{transform:translateY(-3px);box-shadow:0 10px 35px #22d3ee59}.section{padding:40px 0}.section h2{margin-bottom:20px;font-size:44px}.aboutText{color:#94a3b8;text-align:justify;max-width:1150px;margin-bottom:25px;font-size:16px;line-height:1.9}.servicesGrid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px;display:grid}.serviceCard{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;padding:28px;transition:all .3s}.serviceCard:hover{border-color:#22d3ee4d;transform:translateY(-8px)}.serviceCard h3{color:#22d3ee;margin-bottom:12px}.serviceCard p{color:#94a3b8;line-height:1.7}.projectGrid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.projectCard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;transition:all .3s;overflow:hidden}.projectCard:hover{transform:translateY(-8px)}.projectImageContainer{height:260px;overflow:hidden}.projectImage{object-fit:cover;width:100%;height:100%}.projectContent{padding:28px}.projectContent h3{margin-bottom:12px;font-size:28px}.projectContent p{color:#94a3b8;line-height:1.7}.stack{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.stack span{color:#22d3ee;background:#22d3ee14;border-radius:999px;padding:7px 14px;font-size:13px}.viewBtn{cursor:pointer;color:#000;background:linear-gradient(135deg,#22d3ee,#3b82f6);border:none;border-radius:12px;margin-top:25px;padding:12px 18px;font-weight:700;transition:all .3s}.viewBtn:hover{transform:translateY(-3px)}.popupOverlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#000000d1;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.popup{background:#0a0f1ef5;border:1px solid #ffffff14;border-radius:28px;width:95%;max-width:1500px;height:90vh;position:relative;overflow:hidden}.popupLayout{grid-template-columns:1.2fr .8fr;height:100%;display:grid}.popupLeft{background:#050816;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.popupArchitecture{object-fit:contain;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:100%}.popupRight{flex-direction:column;justify-content:center;padding:45px;display:flex;overflow:hidden}.popupRight h2{margin-bottom:18px;font-size:38px}.popupDesc{color:#cbd5e1;font-size:15px;line-height:1.8}.flowBox{color:#22d3ee;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;margin-top:22px;padding:18px;line-height:1.8}.popupStack{margin-top:22px}.popupButtons{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.popupButtons a{text-decoration:none}.closeBtn{color:#fff;cursor:pointer;z-index:10;background:#ffffff14;border:none;border-radius:50%;width:42px;height:42px;font-size:18px;position:absolute;top:18px;right:20px}.closeBtn:hover{background:#ffffff26}.contactSection{text-align:center;padding:90px 0 120px}.contactSection h2{font-size:46px}.contactText{color:#94a3b8;margin-top:15px}.contactForm{flex-direction:column;gap:18px;max-width:700px;margin:50px auto 0;display:flex}.contactForm input,.contactForm textarea{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:18px;font-size:15px}.socials{justify-content:center;gap:35px;margin-top:45px;display:flex}.socials a{color:#22d3ee;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;font-size:30px;text-decoration:none;transition:all .3s;display:flex}.socials a:hover{color:#000;background:linear-gradient(135deg,#22d3ee,#3b82f6);transform:translateY(-6px);box-shadow:0 15px 35px #22d3ee59}@media (width<=1200px){.popupLayout{grid-template-columns:1fr}.popup{height:auto;max-height:92vh;overflow-y:auto}.popupLeft{height:420px}}@media (width<=1100px){.projectGrid,.servicesGrid{grid-template-columns:1fr}h1{font-size:48px}}@media (width<=768px){.app{padding:0 24px}.navLinks{display:none}h1{font-size:40px}.heroButtons{flex-direction:column}.hero{flex-direction:column;justify-content:center}.heroRight{height:240px}.popupRight{padding:28px}.popupRight h2{font-size:30px}.popupButtons{flex-direction:column}.section h2{font-size:36px}}.footer{border-top:1px solid #ffffff14;margin-top:80px;padding:70px 0 30px}.footerTop{grid-template-columns:1.4fr 1fr 1fr;gap:60px;display:grid}.footerBrand h3{background:linear-gradient(90deg,#22d3ee,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:18px;font-size:28px}.footerBrand p{color:#94a3b8;max-width:450px;line-height:1.9}.footerLinks h4,.footerSocials h4{margin-bottom:20px;font-size:18px}.footerLinks{flex-direction:column;gap:14px;display:flex}.footerLinks a{color:#94a3b8;text-decoration:none;transition:all .3s}.footerLinks a:hover{color:#22d3ee}.footerIcons{gap:18px;display:flex}.footerIcons a{color:#22d3ee;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:all .3s;display:flex}.footerIcons a:hover{border-color:#22d3ee59;transform:translateY(-5px);box-shadow:0 10px 30px #22d3ee2e}.footerBottom{text-align:center;color:#64748b;border-top:1px solid #ffffff0f;margin-top:60px;padding-top:25px;font-size:14px}@media (width<=900px){.footerTop{grid-template-columns:1fr;gap:40px}}