@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:#050816;font-family:Poppins,sans-serif}.navbar{z-index:999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050816bf;border-bottom:1px solid #ffffff14;width:100%;position:fixed;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;height:90px;display:flex}.logo{color:#fff;letter-spacing:1px;font-size:34px;font-weight:700;text-decoration:none}.logo span{color:#22d3ee}.nav-menu{align-items:center;gap:40px;display:flex}.nav-menu a{color:#d1d5db;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-menu a:hover{color:#fff}.nav-menu a:after{content:"";background:#22d3ee;border-radius:10px;width:0%;height:2px;transition:all .4s;position:absolute;bottom:-8px;left:0}.nav-menu a:hover:after{width:100%}.nav-right{align-items:center;gap:20px;display:flex}.hire-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border:none;border-radius:50px;outline:none;padding:14px 30px;font-size:15px;font-weight:600;text-decoration:none;transition:all .4s;box-shadow:0 10px 30px #22d3ee4d}.hire-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #22d3ee73}.menu-toggle{cursor:pointer;flex-direction:column;justify-content:space-between;width:35px;height:28px;display:none}.menu-toggle span{background:#fff;border-radius:10px;width:100%;height:3px;transition:all .4s}.menu-toggle.active span:first-child{transform:rotate(45deg)translateY(11px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translateY(-11px)}@media (width<=992px){.menu-toggle{display:flex}.hire-btn{display:none}.logo{font-size:28px}.nav-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0f1ef2;border-left:1px solid #ffffff14;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:35px;width:280px;height:calc(100vh - 90px);padding:50px 30px;transition:all .5s;position:fixed;top:90px;right:-100%}.nav-menu.active{right:0}.nav-menu a{width:100%;font-size:18px}}.home{background:#050816;align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero-blur{filter:blur(120px);z-index:0;border-radius:50%;position:absolute}.hero-blur-1{background:#22d3ee26;width:350px;height:350px;top:-100px;left:-100px}.hero-blur-2{background:#a855f726;width:300px;height:300px;bottom:-100px;right:-100px}.home-container{z-index:1;grid-template-columns:repeat(2,1fr);align-items:center;gap:60px;display:grid;position:relative}.hero-subtitle{color:#22d3ee;letter-spacing:4px;margin-bottom:20px;font-size:15px;font-weight:600}.home-content h1{color:#fff;margin-bottom:25px;font-size:75px;font-weight:800;line-height:1.1}.home-content h1 span{color:#22d3ee}.hero-description{color:#9ca3af;max-width:600px;margin-bottom:40px;font-size:18px;line-height:1.9}.hero-buttons{gap:20px;margin-bottom:60px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border:none;border-radius:50px;padding:15px 34px;font-size:16px;font-weight:600;text-decoration:none;transition:all .4s;box-shadow:0 10px 30px #22d3ee4d}.primary-btn:hover{transform:translateY(-3px)}.secondary-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50px;padding:15px 34px;font-size:16px;text-decoration:none;transition:all .4s}.secondary-btn:hover{color:#22d3ee;border-color:#22d3ee}.hero-stats{flex-wrap:wrap;gap:25px;display:flex}.stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;min-width:170px;padding:22px 28px;transition:all .4s}.stat-box:hover{border-color:#22d3ee4d;transform:translateY(-6px)}.stat-box h3{color:#fff;margin-bottom:8px;font-size:32px}.stat-box p{color:#9ca3af;font-size:15px}.home-image{justify-content:center;display:flex}.image-wrapper{position:relative}.image-wrapper:before{content:"";filter:blur(40px);opacity:.4;background:linear-gradient(135deg,#22d3ee,#a855f7);border-radius:40px;position:absolute;inset:-15px}.image-wrapper img{object-fit:cover;z-index:1;border:1px solid #ffffff14;border-radius:35px;width:420px;position:relative}@media (width<=992px){.home-container{text-align:center;grid-template-columns:1fr}.home-content h1{font-size:55px}.hero-description{margin:auto auto 40px}.hero-buttons,.hero-stats{justify-content:center}.image-wrapper img{width:100%;max-width:400px;margin-top:40px}}@media (width<=576px){.home-content h1{font-size:42px}.hero-buttons{flex-direction:column}.primary-btn,.secondary-btn,.stat-box{width:100%}}.about{background:#050816;padding:120px 0;position:relative;overflow:hidden}.about-blur{filter:blur(120px);z-index:0;border-radius:50%;position:absolute}.about-blur-1{background:#22d3ee1f;width:300px;height:300px;top:0;left:-100px}.about-blur-2{background:#a855f71f;width:350px;height:350px;bottom:-100px;right:-100px}.container{width:90%;max-width:1300px;margin:auto}.about-container{z-index:1;grid-template-columns:repeat(2,1fr);align-items:center;gap:70px;display:grid;position:relative}.about-image{justify-content:center;display:flex}.image-card{position:relative}.image-card:before{content:"";filter:blur(35px);opacity:.35;background:linear-gradient(135deg,#22d3ee,#a855f7);border-radius:35px;position:absolute;inset:-15px}.image-card img{object-fit:cover;z-index:1;border:1px solid #ffffff14;border-radius:30px;width:100%;max-width:450px;position:relative}.about-content h2{color:#fff;margin-bottom:30px;font-size:52px;font-weight:800;line-height:1.2}.about-text{color:#9ca3af;margin-bottom:20px;font-size:17px;line-height:1.9}.skills-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;display:grid}.skill-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;padding:25px;transition:all .4s}.skill-card:hover{border-color:#22d3ee66;transform:translateY(-5px)}.skill-card h3{color:#fff;margin-bottom:12px;font-size:22px}.skill-card p{color:#9ca3af;font-size:15px;line-height:1.7}.experience-box{flex-wrap:wrap;gap:25px;margin-top:50px;display:flex}.experience-box div{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;min-width:170px;padding:22px 28px;transition:all .4s}.experience-box div:hover{border-color:#22d3ee66;transform:translateY(-5px)}.experience-box h3{color:#fff;margin-bottom:8px;font-size:34px}.experience-box p{color:#9ca3af;font-size:15px}@media (width<=992px){.about-container{grid-template-columns:1fr}.about-content{text-align:center}.about-content h2{font-size:42px}.skills-grid{grid-template-columns:1fr}.experience-box{justify-content:center}.image-card img{max-width:400px}}@media (width<=576px){.about{padding:90px 0}.about-content h2{font-size:34px}.experience-box div{width:100%}.skill-card{text-align:left}}.projects{background:#050816;padding:120px 0;position:relative;overflow:hidden}.projects-blur{filter:blur(120px);z-index:0;border-radius:50%;position:absolute}.projects-blur-1{background:#22d3ee1f;width:320px;height:320px;top:0;left:-100px}.projects-blur-2{background:#a855f71f;width:350px;height:350px;bottom:-120px;right:-100px}.projects-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.project-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;transition:all .4s;overflow:hidden}.project-card:hover{border-color:#22d3ee59;transform:translateY(-10px)}.project-image{overflow:hidden}.project-image img{object-fit:cover;width:100%;height:250px;transition:all .5s}.project-card:hover img{transform:scale(1.08)}.project-content{padding:28px}.project-content h3{color:#fff;margin-bottom:15px;font-size:28px}.project-content p{color:#9ca3af;margin-bottom:25px;font-size:15px;line-height:1.8}.tech-stack{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.tech-stack span{color:#22d3ee;background:#22d3ee1f;border:1px solid #22d3ee33;border-radius:30px;padding:10px 18px;font-size:14px}.project-buttons{gap:15px;display:flex}.live-btn,.github-btn{text-align:center;border-radius:30px;flex:1;padding:14px;font-weight:600;text-decoration:none;transition:all .4s}.live-btn{color:#fff;background:linear-gradient(135deg,#22d3ee,#0ea5e9);box-shadow:0 10px 25px #22d3ee40}.live-btn:hover{transform:translateY(-3px)}.github-btn{color:#fff;border:1px solid #ffffff1a}.github-btn:hover{color:#22d3ee;border-color:#22d3ee}@media (width<=1100px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.projects{padding:90px 0}.section-header h2{font-size:42px}.projects-grid{grid-template-columns:1fr}.project-content h3{font-size:24px}.project-buttons{flex-direction:column}}@media (width<=576px){.section-header h2{font-size:34px}.project-content{padding:22px}.project-image img{height:220px}}.services{background:#050816;padding:120px 0;position:relative;overflow:hidden}.services-blur{filter:blur(120px);z-index:0;border-radius:50%;position:absolute}.services-blur-1{background:#22d3ee1f;width:320px;height:320px;top:-100px;left:-120px}.services-blur-2{background:#a855f71f;width:350px;height:350px;bottom:-120px;right:-100px}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.service-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;padding:40px 32px;transition:all .4s;position:relative;overflow:hidden}.service-card:before{content:"";opacity:0;background:linear-gradient(135deg,#22d3ee14,#a855f714);transition:all .4s;position:absolute;inset:0}.service-card:hover:before{opacity:1}.service-card:hover{border-color:#22d3ee4d;transform:translateY(-10px)}.service-icon{z-index:1;background:#22d3ee1f;border:1px solid #22d3ee33;border-radius:22px;justify-content:center;align-items:center;width:75px;height:75px;margin-bottom:28px;font-size:34px;display:flex;position:relative}.service-card h3{color:#fff;z-index:1;margin-bottom:18px;font-size:28px;position:relative}.service-card p{color:#9ca3af;z-index:1;margin-bottom:28px;font-size:15px;line-height:1.9;position:relative}.service-card button{color:#22d3ee;cursor:pointer;z-index:1;background:0 0;border:none;font-size:16px;font-weight:600;transition:all .3s;position:relative}.service-card button:hover{letter-spacing:1px}@media (width<=1100px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.services{padding:90px 0}.section-header h2{font-size:42px}.services-grid{grid-template-columns:1fr}.service-card{padding:35px 28px}.service-card h3{font-size:24px}}@media (width<=576px){.section-header h2{font-size:34px}.service-card{padding:30px 24px}}.contact{background:#050816;padding:120px 0;position:relative;overflow:hidden}.contact-blur{filter:blur(120px);z-index:0;border-radius:50%;position:absolute}.contact-blur-1{background:#22d3ee1f;width:320px;height:320px;top:-100px;left:-120px}.contact-blur-2{background:#a855f71f;width:350px;height:350px;bottom:-120px;right:-100px}.section-header{text-align:center;margin-bottom:70px}.section-subtitle{color:#22d3ee;letter-spacing:4px;margin-bottom:15px;font-size:15px;font-weight:600}.section-header h2{color:#fff;margin-bottom:20px;font-size:54px;font-weight:800}.section-description{color:#9ca3af;max-width:700px;margin:auto;font-size:17px;line-height:1.9}.contact-container{grid-template-columns:1fr 1.2fr;align-items:start;gap:40px;display:grid}.contact-info{flex-direction:column;gap:25px;display:flex}.info-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:18px;padding:24px;transition:all .4s;display:flex}.info-card:hover{border-color:#22d3ee4d;transform:translateY(-5px)}.info-icon{background:#22d3ee1f;border:1px solid #22d3ee33;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;font-size:28px;display:flex}.info-card h3{color:#fff;margin-bottom:6px;font-size:20px}.info-card p{color:#9ca3af;font-size:15px}.social-links{flex-wrap:wrap;gap:15px;margin-top:10px;display:flex}.social-links a{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:30px;padding:12px 22px;text-decoration:none;transition:all .4s}.social-links a:hover{color:#22d3ee;border-color:#22d3ee}.contact-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:30px;padding:40px}.input-group{margin-bottom:22px}.input-group input,.input-group textarea{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;outline:none;width:100%;padding:18px 20px;font-size:15px;transition:all .4s}.input-group textarea{resize:none}.input-group input:focus,.input-group textarea:focus{border-color:#22d3ee66}.input-group input::placeholder,.input-group textarea::placeholder{color:#9ca3af}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border:none;border-radius:50px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .4s;box-shadow:0 10px 30px #22d3ee40}.contact-form button:hover{transform:translateY(-3px)}@media (width<=992px){.contact-container{grid-template-columns:1fr}.section-header h2{font-size:42px}}@media (width<=768px){.contact{padding:90px 0}.contact-form{padding:30px}}@media (width<=576px){.section-header h2{font-size:34px}.info-card{text-align:center;flex-direction:column}.social-links{justify-content:center}.contact-form{padding:24px}}.footer{background:#050816;border-top:1px solid #ffffff14;padding-top:90px;position:relative;overflow:hidden}.footer-blur{filter:blur(120px);z-index:0;border-radius:50%;position:absolute}.footer-blur-1{background:#22d3ee1f;width:300px;height:300px;top:-100px;left:-100px}.footer-blur-2{background:#a855f71f;width:320px;height:320px;bottom:-120px;right:-100px}.container{z-index:1;width:90%;max-width:1300px;margin:auto;position:relative}.footer-top{grid-template-columns:repeat(3,1fr);gap:50px;padding-bottom:60px;display:grid}.footer-logo{color:#fff;margin-bottom:20px;font-size:36px;font-weight:800}.footer-logo span{color:#22d3ee}.footer-about p{color:#9ca3af;max-width:350px;line-height:1.9}.footer-links h3,.footer-social h3{color:#fff;margin-bottom:25px;font-size:24px}.footer-links ul{list-style:none}.footer-links li{margin-bottom:16px}.footer-links a{color:#9ca3af;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#22d3ee;padding-left:5px}.social-icons{flex-direction:column;gap:16px;display:flex}.social-icons a{color:#9ca3af;text-decoration:none;transition:all .3s}.social-icons a:hover{color:#22d3ee;transform:translate(5px)}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;padding:25px 0}.footer-bottom p{color:#9ca3af;font-size:15px}@media (width<=992px){.footer-top{grid-template-columns:1fr 1fr}}@media (width<=768px){.footer{padding-top:70px}.footer-top{grid-template-columns:1fr;gap:40px}.footer-about p{max-width:100%}}@media (width<=576px){.footer-logo{font-size:30px}.footer-links h3,.footer-social h3{font-size:22px}}