nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:fixed;width:100%;top:0;z-index:1000;background:#0d0d2bbf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.4,0,.2,1)}nav.scrolled{padding:.9rem 5%;background:#121232e6;box-shadow:0 10px 30px #00000059}.logo{font-size:2rem;font-weight:700;letter-spacing:-1px;background:linear-gradient(90deg,#00baff,#4caf50);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .3s ease}.logo:hover{transform:translateY(-2px) scale(1.05)}.nav-links{display:flex;gap:2rem;list-style:none;transition:all .3s ease}.nav-links li{position:relative;overflow:hidden}.nav-links li a{color:#fff;text-decoration:none;font-weight:500;position:relative;padding:.5rem 0;transition:color .3s ease}.nav-links li a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#00baff,#4caf50);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.4,0,.2,1)}.nav-links li a:hover:after,.nav-links li a.active:after{transform:scaleX(1);transform-origin:left}.nav-links li a:hover{color:#00baff;transform:translateY(-2px)}.resume-button{background:linear-gradient(45deg,#00baff,#4caf50);color:#fff;padding:.8rem 1.6rem;border-radius:50px;text-decoration:none;font-weight:600;position:relative;overflow:hidden;transition:all .3s ease}.resume-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px #00baff66}.menu-toggle{display:none;cursor:pointer;z-index:1100;transition:transform .3s ease}.menu-toggle:hover{transform:rotate(90deg)}.hamburger{width:26px;height:3px;background:#fff;margin:6px 0;transition:all .4s ease;border-radius:2px}.menu-toggle.active .hamburger:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle.active .hamburger:nth-child(2){opacity:0;transform:scale(0)}.menu-toggle.active .hamburger:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.menu-toggle{display:block}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:70%;flex-direction:column;justify-content:center;align-items:center;background:#121232fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:right .5s cubic-bezier(.77,0,.175,1)}.nav-links.active{right:0}.nav-links li{opacity:0;transform:translate(50px);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:.2s}.nav-links.active li:nth-child(3){transition-delay:.3s}.nav-links.active li:nth-child(4){transition-delay:.4s}.nav-links.active li:nth-child(5){transition-delay:.5s}}footer{background-color:var(--footer-background);color:var(--light);padding:60px 20px}.footer-container{max-width:1200px;margin:auto}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.footer-logo h2{font-size:2em;color:var(--primary);text-transform:uppercase;letter-spacing:2px}.footer-sections{display:flex;flex-wrap:wrap;gap:30px;flex:1}.footer-section{flex:1;min-width:200px}.footer-section h3{font-size:1.2em;margin-bottom:15px;color:var(--primary)}.footer-section p{font-size:.9em;color:var(--gray);margin-bottom:10px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{text-decoration:none;color:var(--light);font-size:.9em;transition:color .3s ease}.footer-section ul li a:hover{color:var(--primary)}.newsletter-form{display:flex;gap:10px;margin-top:10px}.newsletter-form input{padding:10px;border:none;border-radius:5px;flex:1;background-color:#2b2b5b;color:var(--light)}.newsletter-form button{padding:10px 20px;background:linear-gradient(45deg,var(--primary),#4caf50);border:none;border-radius:5px;color:var(--light);cursor:pointer;transition:transform .3s ease}.newsletter-form button:hover{transform:translateY(-2px)}.social-icons{margin-top:20px;display:flex;justify-content:center;gap:20px}.social-icons a{color:var(--light);font-size:1.5em;text-decoration:none;transition:color .3s ease,transform .3s ease}.social-icons a:hover{color:var(--primary);transform:translateY(-5px)}.hero{padding-top:120px;height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#3a0ca3,#4361ee,#4cc9f0),url(./2-BnK-qg-r.jpg);background-blend-mode:multiply;background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;scroll-margin-top:120px}.hero:before{content:"";position:absolute;width:160%;height:160%;top:-30%;left:-30%;background:radial-gradient(circle at center,rgba(0,186,255,.15),transparent 60%);animation:rotateGlow 18s linear infinite;z-index:0}.overlay{position:relative;z-index:2;padding:0 20px;max-width:900px;animation:fadeInOverlay 1.2s ease forwards;opacity:0}@keyframes fadeInOverlay{to{opacity:1}}.hero-title{font-size:4rem;font-weight:700;margin-bottom:20px;background:linear-gradient(45deg,#00baff,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transform:translateY(40px);animation:fadeUp 1s ease .3s forwards}.hero-subtext{font-size:1.5rem;margin:15px 0;color:#ddd;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease forwards}.hero-subtext:nth-of-type(1){animation-delay:.6s}.hero-subtext:nth-of-type(2){animation-delay:.9s}.hero-buttons{margin-top:30px;display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease 1.2s forwards}.btn{display:inline-block;padding:15px 32px;border-radius:50px;font-weight:600;text-decoration:none;color:#fff;background:linear-gradient(45deg,#00baff,#4caf50);position:relative;overflow:hidden;transition:all .35s ease}.btn:before{content:"";position:absolute;width:120%;height:100%;top:0;left:-120%;background:#ffffff40;transform:skew(-20deg);transition:left .5s ease}.btn:hover:before{left:120%}.btn:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 15px 30px #00baff66}.services{padding:10px;text-align:center;background:linear-gradient(135deg,#1a1a3d,#0d0d2b);position:relative;overflow:hidden}.services-title{font-size:2.8rem;margin-bottom:60px;color:#00baff;text-transform:uppercase;letter-spacing:2px;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease forwards}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:35px}.service-item{background:#1a1a3dd9;padding:35px 25px;border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);box-shadow:0 15px 30px #00000059;transition:all .4s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(40px);animation:fadeUp .8s ease forwards}.service-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(0,186,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.service-item:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 20px 40px #00baff59}.service-item h3{font-size:1.6rem;margin-bottom:15px;color:#00baff}.service-item p{font-size:1rem;color:#ccc;line-height:1.6}@media(max-width:992px){.hero-title{font-size:3rem}.hero-subtext{font-size:1.3rem}}@media(max-width:768px){.hero{background-attachment:scroll}.hero-title{font-size:2.4rem}.hero-subtext{font-size:1.1rem}.services-title{font-size:2rem}.service-grid{gap:25px}}@media(max-width:480px){.hero-buttons{flex-direction:column}.btn{width:100%;text-align:center}}.about-section{padding:12rem 0 6rem;background:linear-gradient(135deg,#1a1a3d 30%,#0d0d2b)}.about-section h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;margin-bottom:4rem;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.content{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;align-items:center;position:relative;z-index:1}.images{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;position:relative}.images img{width:100%;height:auto;border-radius:1.5rem;transition:transform .4s ease;box-shadow:0 25px 50px -12px #00000040}.images img:hover{transform:scale(1.02)}.full-width{grid-column:span 2;height:300px!important}.text{padding:3rem;background:var(--glass);border-radius:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.text h2{font-size:2rem;margin-bottom:2rem}.about-services{display:grid;gap:1.5rem;margin:2.5rem 0}.service{padding:2rem;background:linear-gradient(145deg,#00baff1a,#4caf500d);border-radius:1.5rem;border:1px solid var(--glass);transition:transform .3s ease}.service:nth-child(1){animation-delay:.6s}.service:nth-child(2){animation-delay:.8s}.service:nth-child(3){animation-delay:1s}.service:hover{transform:translateY(-5px)}.service h3{font-size:1.5rem;margin-bottom:1rem}.text p{color:#ccc;margin-top:2rem}@media(max-width:1200px){.content{grid-template-columns:1fr;gap:3rem}.images{max-width:800px;margin:0 auto}.full-width{grid-column:auto}}@media(max-width:768px){.about-section h1{font-size:2.5rem}.text-content{padding:2rem}}.full-width{height:250px!important}} .skills-container{text-align:center;margin-top:120px;padding:100px 5%;background:linear-gradient(135deg,#1a1a3d 30%,#0d0d2b);position:relative;overflow:hidden}.skills-container:before{content:"";position:absolute;width:150%;height:150%;top:-30%;left:-30%;background:radial-gradient(circle at center,rgba(0,186,255,.08),transparent 60%);animation:rotateGlow 22s linear infinite;z-index:0}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skills-container h1{font-size:3rem;font-weight:700;margin-bottom:60px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(40px);animation:fadeUp 1s ease forwards;position:relative;z-index:1}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:25px;max-width:900px;margin:0 auto;position:relative;z-index:1}.skill-item{padding:25px 20px;border-radius:18px;display:flex;flex-direction:column;align-items:center;background:#ffffff0f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 35px #00000059;transition:all .4s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(40px);animation:fadeUp .8s ease forwards}.skill-item:nth-child(1){animation-delay:.2s}.skill-item:nth-child(2){animation-delay:.3s}.skill-item:nth-child(3){animation-delay:.4s}.skill-item:nth-child(4){animation-delay:.5s}.skill-item:nth-child(5){animation-delay:.6s}.skill-item:nth-child(6){animation-delay:.7s}.skill-item:nth-child(7){animation-delay:.8s}.skill-item:nth-child(8){animation-delay:.9s}.skill-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(0,186,255,.2),transparent);transform:translate(-100%);transition:transform .7s ease}.skill-item:hover:before{transform:translate(100%)}.skill-item:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 25px 50px #00baff59}.skill-item img{width:55px;height:55px;margin-bottom:15px;object-fit:contain;transition:transform .4s ease}.skill-item:hover img{transform:scale(1.15) rotate(5deg)}.skill-item p{font-size:.95rem;color:#ccc;margin:0;transition:color .3s ease}.skill-item:hover p{color:#fff}@media(max-width:992px){.skills-container h1{font-size:2.5rem}}@media(max-width:768px){.skills-container{margin-top:100px;padding:80px 5%}.skills-container h1{font-size:2rem}.skills-grid{gap:20px}}@media(max-width:480px){.skill-item{padding:20px;border-radius:14px}.skill-item img{width:45px;height:45px}}.projects-main{padding-top:120px;padding-bottom:100px;background:linear-gradient(135deg,#1a1a3d 30%,#0d0d2b);position:relative;overflow:hidden}.projects-main:before{content:"";position:absolute;width:160%;height:160%;top:-30%;left:-30%;background:radial-gradient(circle at center,rgba(0,186,255,.08),transparent 60%);animation:rotateBg 25s linear infinite;z-index:0}.title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:60px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(40px);animation:fadeUp 1s ease forwards;position:relative;z-index:1}.projects-container{width:90%;max-width:1200px;margin:2rem auto;display:grid;gap:2.5rem;position:relative;z-index:1}.project{background:#ffffff0d;border-radius:22px;padding:2.5rem;display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #00000059;transition:all .4s ease;opacity:0;transform:translateY(40px);animation:fadeUp .8s ease forwards}.project:nth-child(1){animation-delay:.2s}.project:nth-child(2){animation-delay:.4s}.project:nth-child(3){animation-delay:.6s}.project:nth-child(4){animation-delay:.8s}.project:hover{transform:translateY(-10px) scale(1.01);box-shadow:0 25px 50px #00baff40}.project:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background:linear-gradient(120deg,transparent,rgba(0,186,255,.15),transparent);transform:translate(-100%);transition:transform .7s ease;pointer-events:none}.project:hover:before{transform:translate(100%)}.project-image img{width:100%;border-radius:16px;aspect-ratio:16 / 9;object-fit:cover;transition:transform .5s ease}.project-image:hover img{transform:scale(1.07)}.project-details h2{font-size:1.8rem;margin-bottom:1rem;background:linear-gradient(45deg,#00baff,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-details p{color:#ccc;font-size:1rem;line-height:1.7}.project-code{display:flex;flex-direction:column;gap:1.2rem;justify-content:center}.View-Site-button,.source-code-button{padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;text-align:center;transition:all .35s ease;position:relative;overflow:hidden}.View-Site-button{background:linear-gradient(45deg,#2b2b5b,#1b1b38);color:#fff;border:1px solid var(--primary)}.source-code-button{background:linear-gradient(45deg,var(--primary),var(--secondary));color:#fff}.View-Site-button:before,.source-code-button:before{content:"";position:absolute;width:120%;height:100%;top:0;left:-120%;background:#ffffff40;transform:skew(-20deg);transition:left .6s ease}.View-Site-button:hover:before,.source-code-button:hover:before{left:120%}.View-Site-button:hover,.source-code-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 30px #00baff59}@media(max-width:992px){.project{grid-template-columns:1fr;text-align:center}.project-code{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media(max-width:768px){.title{font-size:2.4rem;margin-bottom:40px}.projects-main{padding-bottom:60px}}@media(max-width:480px){.project{padding:1.8rem;border-radius:16px}.View-Site-button,.source-code-button{width:100%}}.services-section{padding:120px 5%;text-align:center;background:linear-gradient(135deg,#1a1a3d 30%,#0d0d2b);position:relative;overflow:hidden}.services-section:before{content:"";position:absolute;width:160%;height:160%;top:-30%;left:-30%;background:radial-gradient(circle at center,rgba(0,186,255,.08),transparent 60%);animation:rotateBg 24s linear infinite;z-index:0}.section-title{font-size:3rem;font-weight:700;margin-bottom:50px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(40px);animation:fadeUp 1s ease forwards;position:relative;z-index:1}.sub-title{font-size:32px;font-weight:700;margin-bottom:20px;color:#fff;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease .2s forwards;position:relative;z-index:1}.description{font-size:16px;line-height:1.7;max-width:650px;margin:0 auto 60px;color:#ccc;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease .4s forwards;position:relative;z-index:1}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(237px,1fr));gap:35px;position:relative;z-index:1}.service-item{background:#ffffff0f;padding:35px 30px;border-radius:20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #00000059;transition:all .4s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(40px);animation:fadeUp .8s ease forwards}.service-item:nth-child(1){animation-delay:.2s}.service-item:nth-child(2){animation-delay:.4s}.service-item:nth-child(3){animation-delay:.6s}.service-item:nth-child(4){animation-delay:.8s}.service-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(0,186,255,.15),transparent);transform:translate(-100%);transition:transform .7s ease}.service-item:hover:before{transform:translate(100%)}.service-item:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #00baff4d}.service-item .icon{font-size:40px;margin-bottom:20px;color:var(--primary);transition:transform .4s ease,color .3s ease}.service-item:hover .icon{transform:scale(1.2) rotate(5deg);color:#00baff}.service-item h4{font-size:20px;margin-bottom:15px;color:#fff}.service-item p{font-size:14px;line-height:1.7;color:#ccc;transition:color .3s ease}.service-item:hover p{color:#fff}@media(max-width:992px){.section-title{font-size:2.5rem}}@media(max-width:768px){.services-section{padding:80px 5%}.section-title{font-size:2.2rem}.sub-title{font-size:22px}.services-grid{gap:25px}}@media(max-width:480px){.service-item{padding:25px 20px;border-radius:16px}}.contact-main{padding-top:120px;padding-bottom:100px;background:linear-gradient(135deg,#1a1a3d 30%,#0d0d2b);position:relative;overflow:hidden}.contact-main:before{content:"";position:absolute;width:160%;height:160%;top:-30%;left:-30%;background:radial-gradient(circle at center,rgba(0,186,255,.08),transparent 60%);animation:rotateBg 26s linear infinite;z-index:0}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.contact-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:60px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(40px);animation:fadeUp 1s ease forwards}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:60px}.contact-card{background:#ffffff0f;padding:25px;border-radius:18px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #00000059;transition:all .4s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(40px);animation:fadeUp .8s ease forwards}.contact-card:nth-child(1){animation-delay:.2s}.contact-card:nth-child(2){animation-delay:.4s}.contact-card:nth-child(3){animation-delay:.6s}.contact-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #00baff4d}.contact-card h3{font-size:1.4rem;margin-bottom:10px;color:var(--primary)}.contact-card p{color:#ccc;line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-map{border-radius:20px;overflow:hidden;height:400px;box-shadow:0 25px 50px #0006;transition:transform .4s ease}.contact-map:hover{transform:scale(1.02)}.contact-form-box{background:#ffffff0f;padding:35px;border-radius:20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px #0006;opacity:0;transform:translateY(40px);animation:fadeUp 1s ease .3s forwards}.contact-form-box h2{font-size:2rem;font-weight:700;margin-bottom:25px;background:linear-gradient(45deg,#00baff,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-form{display:flex;flex-direction:column;gap:18px}.contact-input,.contact-textarea{width:100%;padding:14px;border-radius:10px;background:#2b2b5bcc;color:#fff;border:1px solid transparent;outline:none;transition:all .3s ease;font-size:.95rem}.contact-input:focus,.contact-textarea:focus{border:1px solid var(--primary);box-shadow:0 0 15px #00baff66;transform:translateY(-2px)}.contact-textarea{min-height:160px;resize:vertical}.contact-button{width:100%;padding:14px;border-radius:50px;background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff;font-weight:700;border:none;cursor:pointer;transition:all .35s ease;position:relative;overflow:hidden}.contact-button:before{content:"";position:absolute;width:120%;height:100%;top:0;left:-120%;background:#ffffff40;transform:skew(-20deg);transition:left .6s ease}.contact-button:hover:before{left:120%}.contact-button:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 15px 30px #00baff66}@media(max-width:992px){.contact-content{grid-template-columns:1fr}}@media(max-width:768px){.contact-title{font-size:2.3rem}.contact-form-box{padding:25px}.contact-map{height:300px}}@media(max-width:480px){.contact-button{border-radius:12px}}:root{--primary: #00baff;--secondary: #4caf50;--dark: #070715;--dark-lighter: #11112b;--accent: #ff4d7d;--gold: #ffcc00;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition: all .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at top right,#0d0d2b,var(--dark));background-attachment:fixed;color:#e2e8f0;line-height:1.6;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px #00baff33}50%{box-shadow:0 0 20px #00baff66}to{box-shadow:0 0 5px #00baff33}}.logo{font-size:1.8rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,var(--primary),#0066ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.nav-link{color:#cbd5e1;font-weight:500;position:relative;padding:.5rem 0;transition:var(--transition);text-decoration:none;font-size:1rem}.nav-link:hover{color:var(--primary)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:var(--transition);border-radius:2px}.nav-link:hover:after,.nav-link.active:after{width:100%}.resume-button{padding:.75rem 1.75rem;border-radius:12px;color:#fff;font-weight:600;transition:var(--transition);background:linear-gradient(135deg,var(--primary),var(--secondary));text-decoration:none;display:inline-block;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #00baff33}.resume-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #00baff66}.service-item{padding:2.5rem;border-radius:24px;transition:var(--transition);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);position:relative;overflow:hidden}.service-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,186,255,.1),transparent);opacity:0;transition:var(--transition)}.service-item:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:var(--shadow)}.service-item:hover:before{opacity:1}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0}.text-center{text-align:center}.grid{display:grid;gap:2rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.py-4{padding:1rem 0}.py-8{padding:2rem 0}.px-4{padding:0 1rem}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:20px}.rounded-full{border-radius:9999px}.bg-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary))}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.shadow-lg{box-shadow:0 10px 30px -10px #00000080}@media(max-width:992px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.reveal.reveal-active{opacity:1;transform:translate(0) scale(1) rotateX(0)}.reveal-left{transform:translate(-50px)}.reveal-right{transform:translate(50px)}.reveal-zoom{transform:scale(.5);transition-duration:.6s}.reveal-scale{transform:scale(.9);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.reveal-flip{transform:perspective(1000px) rotateX(-90deg);transform-origin:top;transition-duration:1s}.reveal-slide-up{transform:translateY(100px)}.service-grid .service-item:nth-child(1){transition-delay:.1s}.service-grid .service-item:nth-child(2){transition-delay:.2s}.service-grid .service-item:nth-child(3){transition-delay:.3s}.service-grid .service-item:nth-child(4){transition-delay:.4s}.skills-grid .skill-item:nth-child(n){transition-delay:calc(.05s * var(--item-index, 0))}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.hidden-mobile{display:none}.section{padding:60px 0}}@media(min-width:768px){.hidden-desktop{display:none}}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:#0f172a;color:#fff}section{padding:100px 0;transition:all .6s ease-in-out}.slide-left{opacity:0;transform:translate(-60px);animation:slideLeft .9s ease forwards}.slide-right{opacity:0;transform:translate(60px);animation:slideRight .9s ease forwards}.slide-top{opacity:0;transform:translateY(-60px);animation:slideTop .9s ease forwards}@keyframes slideLeft{to{opacity:1;transform:translate(0)}}@keyframes slideRight{to{opacity:1;transform:translate(0)}}@keyframes slideTop{to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn 1s ease forwards}.fade-up{opacity:0;transform:translateY(40px);animation:fadeUp 1s ease forwards}@keyframes fadeIn{to{opacity:1}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-title{font-size:3rem;font-weight:700;overflow:hidden;display:inline-block}.hero-title span{display:inline-block;transform:translateY(100%);animation:revealText .8s ease forwards}.hero-title span:nth-child(2){animation-delay:.2s}.hero-title span:nth-child(3){animation-delay:.4s}@keyframes revealText{to{transform:translateY(0)}}.stagger span{opacity:0;display:inline-block;transform:translateY(20px);animation:staggerAnim .5s ease forwards}.stagger span:nth-child(odd){animation-delay:.05s}.stagger span:nth-child(2n){animation-delay:.15s}@keyframes staggerAnim{to{opacity:1;transform:translateY(0)}}.parallax{position:relative;will-change:transform;transition:transform .2s ease-out}.reveal{opacity:0;transform:translateY(50px);transition:all .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.nav-link{position:relative;text-decoration:none;color:#fff;padding:8px 0;display:inline-block}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background:#38bdf8;transition:width .3s ease}.nav-link:hover:after{width:100%}.hamburger{cursor:pointer;transition:transform .3s ease}.hamburger:hover{transform:rotate(90deg)}.card{transition:transform .4s ease,box-shadow .4s ease}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}button{transition:all .3s ease}button:hover{transform:scale(1.05)}