.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;justify-content:space-between;align-items:center;width:100%;padding:20px 60px;display:flex;position:fixed;top:0}.logo{color:#fff;font-size:20px;font-weight:700}.nav-links{gap:30px;list-style:none;display:flex}.nav-links a{color:#fff;font-size:14px;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:#a855f7;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.hire-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#6c63ff,#a855f7);border:none;border-radius:20px;padding:8px 18px;transition:all .3s}.hire-btn:hover{opacity:.8}@media (width<=768px){.nav-links{display:none}}.intro{color:#fff;background:0 0;justify-content:center;align-items:center;height:87vh;display:flex;overflow:hidden}.intro-container{justify-content:space-between;align-items:center;width:85%;max-width:1200px;display:flex}.intro-left{max-width:500px}.intro-left h1{margin-bottom:10px;font-size:3rem}.intro-left h2{margin-bottom:15px;font-size:1.8rem}.typing{color:#c5f100;border-right:2px solid #a855f7;padding-right:5px}.intro-left p{opacity:.8;margin-bottom:20px}.btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #a855f7;border-radius:25px;padding:10px 20px;transition:all .3s}.btn:hover{background:#a855f7}.intro-right{position:relative}.circle-bg{background:#28e1b9;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.circle-bg img{object-fit:cover;border-radius:50%;width:260px;height:260px}.circle-bg:after{content:"";border:2px solid #fff;border-radius:50%;width:320px;height:320px;animation:8s linear infinite rotate;position:absolute}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.intro-container{text-align:center;flex-direction:column}.intro{background:#aa02e8}}.about{text-align:center;padding:60px 20px}.about h2{color:var(--primary);margin-bottom:30px;font-size:2rem}.about-container{justify-content:center;align-items:center;gap:50px;max-width:1100px;margin:auto;display:flex}.about-left img{object-fit:cover;width:250px;height:250px;box-shadow:var(--glow);border-radius:15px}.about-right{text-align:left;max-width:500px}.about-right h3{color:var(--secondary);margin-bottom:10px}.about-right p{opacity:.8;margin-bottom:15px}.about-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#6c63ff,#a855f7);border:none;border-radius:20px;padding:10px 20px}@media (width<=768px){.about-container{text-align:center;flex-direction:column}.about-right{text-align:center}}.skills{text-align:center;background-color:bisque;padding:60px 20px}.skills h2{color:var(--primary);margin-bottom:30px;font-size:2rem}.skills-container{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.skills-card{text-align:left;background:#1a1633;border-radius:15px;padding:20px;transition:all .3s;box-shadow:0 0 20px #0000004d}.skills-card:hover{box-shadow:var(--glow)}.skills-card h3{color:var(--secondary);margin-bottom:15px}.skill-items span{background:var(--primary);border-radius:5px;margin:5px;padding:5px 10px;font-size:13px;display:inline-block}@media (width<=900px){.skills-container{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.skills-container{grid-template-columns:1fr}}.projects{text-align:center;background-color:#000;padding:60px 20px}.projects h2{color:var(--primary);margin-bottom:30px;font-size:2rem}.project-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.project-card{background:#fff;border-radius:15px;transition:all .3s;overflow:hidden;box-shadow:0 0 20px #0000004d}.project-card:hover{box-shadow:var(--glow)}.project-card img{object-fit:cover;width:100%;height:180px}.card-content{text-align:left;color:#000;padding:15px}.card-content h3{margin-bottom:8px}.card-content p{opacity:.8;margin-bottom:10px;font-size:.9rem}.tech span{background:var(--primary);border-radius:5px;margin:3px;padding:4px 8px;font-size:12px;display:inline-block}.buttons{margin-top:10px}.buttons a{color:#fff;background:var(--secondary);border-radius:5px;margin-right:10px;padding:6px 12px;font-size:12px;text-decoration:none}@media (width<=900px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.project-grid{grid-template-columns:1fr}}.contact{text-align:center;padding:60px 20px}.contact h2{color:var(--primary);margin-bottom:30px}.contact-wrapper{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.contact-form{background:#1a1633;border-radius:15px;flex-direction:column;gap:20px;width:350px;padding:25px;display:flex}.input-group{position:relative}.input-group input,.input-group textarea{color:#fff;background:#2a254f;border:none;border-radius:8px;outline:none;width:100%;padding:10px}.input-group label{color:#aaa;pointer-events:none;font-size:14px;transition:all .3s;position:absolute;top:10px;left:10px}.input-group input:focus+label,.input-group input:valid+label,.input-group textarea:focus+label,.input-group textarea:valid+label{color:var(--secondary);font-size:12px;top:-10px}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#6c63ff,#a855f7);border:none;border-radius:20px;padding:10px;transition:all .3s}.contact-form button:hover{box-shadow:var(--glow)}.contact-info{text-align:left;background:#1a1633;border-radius:15px;width:300px;padding:25px}.contact-info h3{margin-bottom:10px}.info-item{align-items:center;gap:10px;margin-top:10px;display:flex}@media (width<=768px){.contact-wrapper{flex-direction:column;align-items:center}}.status{color:var(--secondary);margin-top:10px;font-size:14px}.footer{background:#0f0c29;border-top:1px solid #ffffff1a;margin-top:50px;padding:40px 20px 20px}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.footer-left h2{color:var(--primary)}.footer-left p{opacity:.7;font-size:14px}.footer-links{gap:20px;display:flex}.footer-links a{color:#fff;font-size:14px;text-decoration:none;transition:all .3s}.footer-links a:hover{color:var(--secondary)}.footer-socials a{color:#fff;margin:0 8px;font-size:18px;transition:all .3s}.footer-socials a:hover{color:var(--secondary);transform:scale(1.2)}.footer-bottom{text-align:center;opacity:.6;margin-top:20px;font-size:13px}@media (width<=768px){.footer-container{text-align:center;flex-direction:column;gap:20px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-main);background:linear-gradient(135deg,#6c63ff,#a855f7);font-family:Poppins,sans-serif}section{padding:30px 0}button{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:10px}.app-container{background:linear-gradient(135deg,#71a2a3,#b47d4d,#bd6060);border:1px solid #ffffff1a;border-radius:25px;width:90%;max-width:1800px;margin:30px auto;padding:20px 0;box-shadow:0 0 50px #0006}:root{--primary:#6c63ff;--secondary:#a855f7;--bg-dark:#b80bf2;--bg-light:#6c63ff;--text-main:#fff;--text-muted:#cbd5f5;--glow:0 0 20px #8525df99}