:root{
  --bg:#0d0a1f;
  --text:#eaeaf0;
  --muted:#a5a5b5;
  --accent1:#8a2be2;
  --accent2:#6f42c1;
  --card:#1f1b33;
}

*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:'Segoe UI',sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  scroll-behavior:smooth;
}

/* Navbar */
.navbar{
  position:fixed;top:0;left:0;width:100%;
  display:flex;justify-content:space-between;align-items:center;
  padding:15px 40px;
  background:rgba(13,10,31,0.8);
  backdrop-filter:blur(8px);
  z-index:1000;
}
.logo{font-weight:bold;font-size:20px;}
.logo span{color:var(--accent1);}
.nav-links{display:flex;gap:20px;list-style:none;}
.nav-links a{text-decoration:none;color:var(--text);font-weight:500;}
.nav-links a:hover{color:var(--accent1);}
.hamburger{display:none;font-size:28px;cursor:pointer;color:var(--text);}

/* Sections */
.section{padding:100px 60px;text-align:center;}
.section.dark{background:#18152e;}
.section-title{font-size:28px;margin-bottom:40px;}

/* Hero */
.hero{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;min-height:100vh;padding-top:80px;}
.hero-content{max-width:500px;text-align:left;}
.hero-content h1{font-size:36px;margin-bottom:10px;}
.gradient-text{background:linear-gradient(90deg,var(--accent1),var(--accent2));-webkit-background-clip:text;color:transparent;}
.role{color:var(--muted);margin-bottom:20px;}
.hero-btns{display:flex;gap:12px;margin-top:12px;}
.btn{padding:10px 20px;border-radius:6px;font-weight:600;text-decoration:none;color:#fff;background:linear-gradient(90deg,var(--accent1),var(--accent2));}
.btn-outline{background:transparent;border:2px solid var(--accent1);color:var(--accent1);}
.hero-img img{width:280px;border-radius:50%;border:4px solid var(--accent1);animation:float 5s infinite ease-in-out;}
@keyframes float{0%{transform:translateY(0);}50%{transform:translateY(-12px);}100%{transform:translateY(0);}}

/* Skills */
.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;}
.skill-card{padding:20px;background:var(--card);border-radius:10px;transition:transform .3s;}
.skill-card:hover{transform:translateY(-6px);}

/* Projects */
.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.project-card{background:var(--card);padding:20px;border-radius:10px;transition:transform .3s;}
.project-card img{width:100%;border-radius:8px;margin-bottom:10px;}
.project-card:hover{transform:scale(1.05);}

/* Contact */
.social a{color:var(--accent1);margin:0 5px;text-decoration:none;}
.social a:hover{text-decoration:underline;}

/* Footer */
footer{padding:20px;text-align:center;color:var(--muted);}

/* Scroll Reveal */
.reveal{opacity:0;transform:translateY(30px);transition:all 0.8s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* Responsive */
@media(max-width:768px){
  .hero{flex-direction:column;text-align:center;}
  .hero-content{text-align:center;}
  .nav-links{display:none;flex-direction:column;position:absolute;top:60px;right:40px;background:var(--bg);padding:20px;border-radius:8px;}
  .nav-links.active{display:flex;}
  .hamburger{display:block;}
}