.hero{background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:120px 8%;display:flex;position:relative;overflow:hidden}.hero-right{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.glow{filter:blur(60px);background:radial-gradient(circle,#2563eb55 0%,#0000 70%);border-radius:50%;width:520px;height:520px;animation:4s ease-in-out infinite glow;position:absolute}@keyframes glow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.profile-circle{z-index:2;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#22d3ee);border-radius:50%;width:430px;height:430px;padding:8px;animation:8s linear infinite rotateBorder;position:relative}.tech-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;z-index:3;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;padding:16px 24px;font-weight:600;transition:all .3s;animation:3s ease-in-out infinite floating;position:absolute}.tech-card:hover{transform:scale(1.08)}.react{animation-delay:.2s;top:50px;left:80px}.js{animation-delay:1s;bottom:80px;left:30px}.git{animation-delay:2s;bottom:80px;right:20px}.tailwind{animation-delay:1.5s;top:80px;right:20px}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a19b8;position:absolute;inset:0}.hero-card{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:28px;justify-content:space-between;align-items:center;width:100%;max-width:1450px;padding:60px;display:flex;position:relative;box-shadow:0 15px 50px #00000073}.hero-left{flex:1}.hello{color:#60a5fa;background:#ffffff14;border-radius:30px;margin-bottom:25px;padding:10px 20px;display:inline-block}.hero-left h1{font-size:72px;font-weight:700;line-height:1.1}.hero-left h1 span{color:#3b82f6}.hero-left h2{color:#e2e8f0;flex-wrap:wrap;gap:15px;margin:25px 0;font-size:34px;display:flex}.hero-left h2 span{color:#3b82f6}.hero-left p{color:#b8c0d0;max-width:620px;margin-bottom:40px;font-size:18px;line-height:1.8}.hero-buttons{gap:20px;display:flex}.btn-primary{color:#fff;background:#3b82f6;border:none;border-radius:40px;padding:16px 36px;font-size:17px;transition:all .35s}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 10px 30px #2563eb88}.btn-outline{color:#fff;background:0 0;border:2px solid #3b82f6;border-radius:40px;align-items:center;gap:10px;padding:16px 34px;transition:all .35s;display:flex}.btn-outline:hover{background:#3b82f6}.social-icons{gap:18px;margin-top:45px;display:flex}.social-icons a{color:#fff;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:all .35s;display:flex}.social-icons a:hover{background:#3b82f6;transform:translateY(-6px)}.hero-right{flex:1;justify-content:center;display:flex}.profile-circle{background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:50%;width:430px;height:430px;padding:8px;box-shadow:0 0 50px #3b82f680}.profile-circle img{object-fit:cover;border-radius:50%;width:100%;height:100%}@media (width<=1000px){.hero-card{text-align:center;flex-direction:column-reverse;gap:60px}.hero-left h2,.hero-buttons,.social-icons{justify-content:center}.hero-left h1{font-size:48px}.profile-circle{width:280px;height:280px}}.navbar{z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:18px 8%;transition:all .4s;display:flex;position:fixed;top:0;left:0}.navbar.active{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172abf;box-shadow:0 5px 20px #00000040}.logo{color:#fff;align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.logo span{color:#3b82f6}.nav-links{align-items:center;gap:35px;display:flex}.nav-links a{color:#fff;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:#3b82f6;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:#3b82f6}.nav-links a:hover:after{width:100%}.menu-icon{color:#fff;cursor:pointer;font-size:26px;display:none}@media (width<=900px){.menu-icon{display:block}.nav-links{background:#111827;flex-direction:column;gap:25px;width:100%;padding:30px 0;display:none;position:absolute;top:100%;left:0}.nav-links.open{display:flex}}.stats{background:#0b1120;padding:100px 8%}.stats-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;display:grid}.stat-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;padding:40px;transition:all .4s;position:relative;overflow:hidden}.stat-card:before{content:"";background:radial-gradient(circle,#3b82f633,#0000);width:250px;height:250px;transition:all .6s;position:absolute;top:-100%;left:-100%}.stat-card:hover:before{top:-30%;left:-20%}.stat-card:hover{border-color:#3b82f6;transform:translateY(-12px);box-shadow:0 15px 35px #2563eb40}.stat-icon{color:#3b82f6;margin-bottom:20px;font-size:40px}.stat-card h2{color:#fff;margin-bottom:12px;font-size:42px}.stat-card p{color:#94a3b8;font-size:17px}.about{color:#fff;background:#0b1120;padding:120px 8%}.section-title span{color:#3b82f6;font-size:18px}.about-container{justify-content:space-between;align-items:center;gap:70px;display:flex}.about-image{flex:1;justify-content:center;display:flex}.image-card{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:25px;width:380px;padding:10px}.image-card img{border-radius:20px;width:100%}.about-content{flex:1.2}.about-content h3{margin-bottom:25px;font-size:40px}.about-content h3 span{color:#3b82f6}.about-content p{color:#b7c4d5;margin-bottom:35px;line-height:1.8}.about-cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:35px;display:grid}.card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:25px;transition:all .4s}.card:hover{border-color:#3b82f6;transform:translateY(-10px)}.card svg{color:#3b82f6;margin-bottom:15px;font-size:35px}.card h4{margin-bottom:10px}.card p{color:#94a3b8;margin:0}.resume-buttons{flex-wrap:wrap;gap:20px;margin-top:30px;display:flex}.preview-btn,.download-btn{border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:14px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.preview-btn{color:#fff;background:0 0;border:2px solid #3b82f6}.preview-btn:hover{background:#3b82f6}.download-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6)}.download-btn:hover{transform:translateY(-4px);box-shadow:0 10px 25px #2563eb59}.projects{color:#fff;background:#0b1120;min-height:100vh;padding:100px 8%}.section-title{text-align:center;margin-bottom:60px}.section-title span{color:#3b82f6;letter-spacing:1px;font-size:18px}.section-title h2{margin-top:10px;font-size:48px}.project-slider{gap:15px;width:100%;height:650px;display:flex}.panel{cursor:pointer;background-position:50%;background-size:cover;border-radius:30px;flex:.6;transition:all .6s;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000059}.panel.active{flex:5}.overlay{background:linear-gradient(#0000,#050a1940,#050a19eb);align-items:flex-end;padding:40px;display:flex;position:absolute;inset:0}.project-info{opacity:0;width:100%;transition:all .5s;transform:translateY(40px)}.panel.active .project-info{opacity:1;transition-delay:.35s;transform:translateY(0)}.project-info h2{margin-bottom:15px;font-size:42px}.project-info p{color:#cbd5e1;max-width:600px;margin-bottom:25px;line-height:1.8}.tech-stack{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.tech-stack span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#60a5fa;background:#ffffff1f;border:1px solid #ffffff1a;border-radius:30px;padding:8px 18px;font-size:14px}.buttons{gap:18px;display:flex}.buttons a{color:#fff;background:#2563eb;border-radius:40px;align-items:center;gap:10px;padding:14px 28px;text-decoration:none;transition:all .35s;display:flex}.buttons a:hover{background:#1d4ed8;transform:translateY(-4px)}.panel:hover{transform:translateY(-8px)}.panel:before{content:"";opacity:0;background:radial-gradient(circle at top,#3b82f626,#0000 60%);transition:all .4s;position:absolute;inset:0}.panel:hover:before{opacity:1}@media (width<=992px){.project-slider{flex-direction:column;height:auto}.panel{min-height:120px}.panel.active{min-height:450px}.project-info h2{font-size:30px}.buttons{flex-direction:column}}.project-number{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#60a5fa;background:#ffffff1f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:20px;font-size:22px;font-weight:700;display:flex}.project-badge{background:#2563eb;border-radius:30px;margin-bottom:18px;padding:8px 18px;font-size:14px;display:inline-block}.panel{background-size:cover;transition:flex .6s,transform .4s,background-size .6s}.panel:hover{background-size:115%}.panel:after{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#3b82f6,#9333ea,#06b6d4);border-radius:30px;padding:2px;transition:all .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.panel.active:after{opacity:1}.project-info{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000040;border-radius:20px;padding:25px}.buttons a{background:linear-gradient(135deg,#2563eb,#3b82f6);font-weight:600}.buttons a:hover{transform:translateY(-5px);box-shadow:0 12px 30px #2563eb59}.panel.active{animation:4s ease-in-out infinite floatingCard}@keyframes floatingCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.project-number{color:#3b82f6;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:22px;font-weight:700;display:flex}.project-badge{background:#2563eb;border-radius:30px;margin:15px 0;padding:8px 18px;font-size:14px;display:inline-block}.project-meta{color:#94a3b8;gap:15px;margin-bottom:20px;display:flex}.project-meta span{background:#ffffff14;border-radius:20px;padding:6px 14px}.project-features{margin:20px 0;padding-left:20px}.project-features li{color:#cbd5e1;margin:8px 0}.skills{background:#0b1120;padding:120px 8%}.tech-cloud{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:60px;display:flex}.tech-item{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:12px;padding:18px 28px;transition:all .35s;display:flex}.tech-item:hover{border-color:#3b82f6;transform:translateY(-6px)}.tech-item.active{color:#fff;background:#2563eb}.icon{font-size:30px}.skill-details{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:30px;margin-top:70px;padding:50px}.big-icon{margin-bottom:20px;font-size:80px}.skill-details h2{color:#fff;margin-bottom:20px}.skill-details p{color:#cbd5e1;max-width:700px;margin:auto;line-height:1.8}.project-box{background:#111827;border-radius:20px;margin-top:30px;padding:20px}.project-box h4{color:#60a5fa;margin-bottom:10px}.contact{background:#0b1120;padding:120px 8%}.contact-container{grid-template-columns:1fr 1fr;gap:50px;margin-top:60px;display:grid}.contact-info{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:25px;padding:40px}.contact-info h3{color:#fff;margin-bottom:20px;font-size:36px}.contact-info p{color:#94a3b8;margin-bottom:35px;line-height:1.8}.info-card{align-items:center;gap:20px;margin-bottom:25px;display:flex}.info-card svg{color:#3b82f6;font-size:25px}.info-card h4{color:#fff;margin-bottom:5px}.info-card span{color:#94a3b8}.social-links{gap:20px;margin-top:30px;display:flex}.social-links a{color:#fff;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:all .35s;display:flex}.social-links a:hover{background:#2563eb;transform:translateY(-5px)}.contact-form{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:25px;flex-direction:column;gap:20px;padding:40px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#111827;border:none;border-radius:15px;outline:none;padding:16px;font-size:16px}.contact-form textarea{resize:none}.contact-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:40px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:17px;transition:all .35s;display:flex}.contact-form button:hover{background:#1d4ed8;transform:translateY(-4px)}@media (width<=900px){.contact-container{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#0b1120;font-family:Poppins,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}