.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0f172ab3;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 10%;transition:all .4s;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 20px #0003}.logo{color:#00e0ff;letter-spacing:2px;cursor:pointer;font-size:1.8rem;font-weight:700;transition:color .3s}.logo:hover{color:#ffb400}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links li a{color:#fff;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links li a:after{content:"";background:linear-gradient(90deg,#00e0ff,#ffb400);width:0%;height:2px;transition:all .3s;position:absolute;bottom:-6px;left:0}.nav-links li a:hover{color:#00e0ff}.nav-links li a:hover:after{width:100%}.btn-talk{color:#000;cursor:pointer;background:linear-gradient(90deg,#00e0ff,#ffb400);border:none;border-radius:30px;padding:10px 22px;font-weight:600;transition:all .3s}.btn-talk:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00e0ff66}@media (max-width:992px){.navbar{padding:1rem 6%}.nav-links{display:none}.btn-talk{padding:8px 18px;font-size:.9rem}}@media (max-width:768px){.navbar{justify-content:space-between}}.hero{color:#fff;background:radial-gradient(circle at 0 0,#111827,#0f172a 70%);justify-content:space-between;align-items:center;min-height:100vh;padding:6rem 10%;display:flex;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";filter:blur(120px);z-index:0;border-radius:50%;width:400px;height:400px;position:absolute}.hero:before{opacity:.4;background:#00c6ff;top:-100px;left:-150px}.hero:after{opacity:.4;background:#ff0080;bottom:-100px;right:-150px}.hero-text{z-index:2;flex:1;animation:1.2s ease-out forwards slideFadeIn}.hero-text h3{color:#38bdf8;letter-spacing:1px;margin-bottom:.8rem;font-size:1.5rem;font-weight:500}.hero-text h1{background:linear-gradient(90deg,#00c6ff,#0072ff,#ff00d4);-webkit-text-fill-color:transparent;background-size:300%;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3.8rem;font-weight:800;line-height:1.2;animation:6s infinite gradientShift}.hero-text p{color:#cbd5e1;max-width:550px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:1.2rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0072ff,#00c6ff);border:none;border-radius:40px;padding:1rem 2.5rem;font-weight:600;transition:all .3s;box-shadow:0 10px 25px #0072ff4d}.btn-primary:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 15px 35px #0072ff80}.btn-outline{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:40px;padding:1rem 2.5rem;font-weight:600;transition:all .3s}.btn-outline:hover{background:#ffffff40;border-color:#fff;transform:translateY(-4px)}.hero-image{z-index:2;flex:1;justify-content:center;align-items:center;animation:1.5s ease-out forwards fadeIn;display:flex}.hero-image img{border:4px solid #ffffff26;border-radius:10%;width:60%;max-width:420px;transition:transform 1s;box-shadow:0 0 40px #0ff3}.hero-image img:hover{transform:scale(1.05)rotate(3deg)}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slideFadeIn{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.hero{text-align:center;flex-direction:column-reverse;padding:5rem 2rem}.hero-text{margin-top:2rem}.hero-text h1{font-size:2rem}.hero-buttons{justify-content:center}.hero-image img{width:65%}}.about{color:#fff;background:radial-gradient(circle at 100% 0,#0f172a,#111827 70%);justify-content:space-between;align-items:center;padding:6rem 10%;display:flex;position:relative;overflow:hidden}.about:before,.about:after{content:"";filter:blur(130px);z-index:0;border-radius:50%;width:400px;height:400px;position:absolute}.about:before{opacity:.3;background:#0072ff;top:-80px;right:-100px}.about:after{opacity:.3;background:#ff00d4;bottom:-100px;left:-150px}.about-img{z-index:2;flex:1;justify-content:center;animation:1.2s ease-out forwards fadeInLeft;display:flex}.about-img img{border-radius:30px;width:85%;max-width:420px;transition:transform .6s;animation:4s ease-in-out infinite float;box-shadow:0 0 40px #0ff3}.about-img img:hover{transform:scale(1.05)rotate(2deg)}.about-text{z-index:2;flex:1;padding-left:3rem;animation:1.2s ease-out forwards fadeInRight}.about-text h2{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00c6ff,#0072ff,#ff00d4) 0 0/300%;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2.8rem;font-weight:800;line-height:1.2;animation:6s infinite gradientShift}.about-text h2 span{color:#38bdf8;font-weight:700}.about-text p{color:#cbd5e1;max-width:600px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.7}.about-stats{z-index:2;flex-wrap:wrap;gap:2rem;display:flex}.about-stats div{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;padding:1.5rem 2rem;transition:all .3s;box-shadow:0 4px 30px #ffffff0d}.about-stats div:hover{border-color:#00c6ff;transform:translateY(-8px)scale(1.03);box-shadow:0 10px 25px #00c6ff33}.about-stats h3{color:#00c6ff;margin-bottom:.5rem;font-size:2.2rem}.about-stats p{color:#e2e8f0;letter-spacing:.5px;font-size:.95rem}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:992px){.about{text-align:center;flex-direction:column;padding:5rem 2rem}.about-text{margin-top:2.5rem;padding-left:0}.about-stats{justify-content:center}.about-img img{width:70%}}.projects{color:#fff;text-align:center;background:radial-gradient(circle at 100% 100%,#0f172a,#111827 70%);padding:15rem 10%;position:relative;overflow:hidden}.projects:before,.projects:after{content:"";filter:blur(120px);z-index:0;border-radius:50%;width:400px;height:400px;position:absolute}.projects:before{opacity:.25;background:#0072ff;top:-100px;left:-150px}.projects:after{opacity:.25;background:#ff00d4;bottom:-100px;right:-150px}.projects h2{background:linear-gradient(90deg,#00c6ff,#0072ff,#ff00d4);-webkit-text-fill-color:transparent;background-size:300%;-webkit-background-clip:text;margin-bottom:4rem;font-size:3rem;font-weight:800;animation:6s infinite gradientShift}.projects h2 span{color:#38bdf8}.project-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;display:grid;position:relative}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;transition:all .4s;animation:1s forwards fadeInUp;overflow:hidden;transform:translateY(0);box-shadow:0 5px 25px #ffffff0d}.project-card:hover{border-color:#00c6ff;transform:translateY(-10px)scale(1.03);box-shadow:0 10px 30px #00c6ff33}.project-card img{object-fit:cover;width:100%;height:220px;transition:transform .6s}.project-card:hover img{transform:scale(1.08)}.project-card h3{color:#00c6ff;margin:1.2rem 0 .3rem;font-size:1.4rem;font-weight:700}.project-card p{color:#cbd5e1;margin-bottom:1.5rem;font-size:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.projects{padding:5rem 2rem}.projects h2{font-size:2.5rem}.project-card img{height:200px}}.services{color:#fff;text-align:center;background:radial-gradient(circle at 0 0,#111827,#0f172a 70%);padding:6rem 10%;position:relative;overflow:hidden}.services:before,.services:after{content:"";filter:blur(120px);z-index:0;border-radius:50%;width:400px;height:400px;position:absolute}.services:before{opacity:.25;background:#00c6ff;top:-80px;left:-120px}.services:after{opacity:.25;background:#ff00d4;bottom:-100px;right:-150px}.services h2{background:linear-gradient(90deg,#00c6ff,#0072ff,#ff00d4);-webkit-text-fill-color:transparent;z-index:2;background-size:300%;-webkit-background-clip:text;margin-bottom:4rem;font-size:3rem;font-weight:800;animation:6s infinite gradientShift;position:relative}.services h2 span{color:#38bdf8}.services-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;display:grid;position:relative}.service-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:2rem;transition:all .4s;animation:1s forwards fadeInUp;transform:translateY(0);box-shadow:0 5px 25px #ffffff0d}.service-card:hover{border-color:#00c6ff;transform:translateY(-10px)scale(1.03);box-shadow:0 10px 35px #00c6ff40}.service-card img{object-fit:cover;border-radius:15px;width:100%;max-width:180px;height:180px;margin:1.5rem auto;transition:transform .5s,box-shadow .5s}.service-card:hover img{transform:scale(1.05)rotate(2deg);box-shadow:0 0 25px #00c6ff4d}.service-card h3{color:#00c6ff;margin-bottom:.8rem;font-size:1.6rem;font-weight:700}.service-card p{color:#cbd5e1;max-width:250px;margin:0 auto;font-size:1rem;line-height:1.6}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ad9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:1rem;animation:.4s forwards scaleIn;position:relative;box-shadow:0 0 30px #00c6ff33}.modal-content img{border-radius:15px;max-width:90vw;max-height:80vh}.close-btn{color:#fff;cursor:pointer;background:#ff0040;border:none;border-radius:50%;width:35px;height:35px;font-size:1.2rem;transition:all .3s;position:absolute;top:12px;right:12px}.close-btn:hover{background:#f36;transform:rotate(90deg)}@keyframes scaleIn{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:992px){.services{padding:5rem 2rem}.services h2{font-size:2.5rem}.service-card img{max-width:140px;height:140px}}.contact{text-align:center;color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);padding:80px 10%}.contact h2{margin-bottom:30px;font-size:2.5rem;font-weight:600}.contact h2 span{color:#00e0ff}form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:20px;max-width:600px;margin:0 auto;padding:2rem;transition:all .4s;box-shadow:0 0 25px #00ffff1a}form:hover{box-shadow:0 0 30px #00ffff4d}input,textarea{color:#fff;background:#ffffff1a;border:none;border-radius:10px;outline:none;width:100%;margin-bottom:20px;padding:14px 16px;font-size:1rem;transition:all .3s}input:focus,textarea:focus{background:#ffffff26;border:1px solid #00e0ff;box-shadow:0 0 10px #00e0ff80}textarea{resize:none;height:120px}button{color:#0f172a;cursor:pointer;background:#00e0ff;border:none;border-radius:30px;padding:12px 28px;font-size:1.1rem;font-weight:600;transition:all .3s}button:hover{background:#00b8d4;transform:scale(1.05)}@media (max-width:768px){.contact{padding:60px 5%}.contact h2{font-size:2rem}form{padding:1.5rem}}.footer{text-align:center;color:#aaa;background:#081828;padding:1rem}.skills{color:#fff;background:radial-gradient(circle at 0 100%,#0f172a,#111827 70%);padding:6rem 10%;position:relative;overflow:hidden}.skills:before,.skills:after{content:"";filter:blur(140px);z-index:0;border-radius:50%;width:380px;height:380px;position:absolute}.skills:before{opacity:.25;background:#00c6ff;top:-120px;left:-120px}.skills:after{opacity:.25;background:#ff00d4;bottom:-120px;right:-120px}.skills h2{text-align:center;background:linear-gradient(90deg,#00c6ff,#0072ff,#ff00d4);-webkit-text-fill-color:transparent;z-index:2;background-size:300%;-webkit-background-clip:text;margin-bottom:4rem;font-size:2.8rem;font-weight:800;animation:6s infinite gradientShift;position:relative}.skills-container{z-index:2;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;display:grid;position:relative}.skill-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;padding:2rem;transition:all .4s;box-shadow:0 10px 35px #00000040}.skill-card:hover{border-color:#00c6ff;transform:translateY(-10px)scale(1.03);box-shadow:0 15px 40px #00c6ff40}.skill-card h3{text-align:center;color:#38bdf8;margin-bottom:1.2rem;font-size:1.5rem}.skill-card ul{text-align:center;margin:0;padding:0;list-style:none}.skill-card li{color:#e2e8f0;padding:.6rem 0;font-size:1rem;position:relative}.skill-card li:after{content:"";opacity:.4;background:linear-gradient(90deg,#0000,#00c6ff,#0000);width:50%;height:1px;position:absolute;bottom:0;left:25%}@media (max-width:992px){.skills{padding:5rem 2rem}.skills h2{font-size:2.3rem}}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Poppins,sans-serif}body{background-color:#0b1224}