*{font-family:"Inter",sans-serif}
body{background:#0b1220;color:white}
.glass-nav{background:rgba(11,18,32,.9);backdrop-filter:blur(10px)}
.hero-section{min-height:100vh;padding-top:120px}
.section-padding{padding:90px 0}
.section-title{color:#0dcaf0;font-weight:700}
.bg-dark-soft{background:#111a2e}

.profile-card{
  background:rgba(255,255,255,.1);
  padding:20px;
  border-radius:22px;
  position:relative;
  box-shadow:0 20px 40px rgba(0,0,0,.3)
}
.floating-tag{
  position:absolute;bottom:-12px;right:-12px;
  background:#0dcaf0;color:black;
  padding:6px 14px;border-radius:20px;font-weight:600
}

.glass-card{
  background:rgba(255,255,255,.08);
  padding:25px;border-radius:18px;
  border-left:4px solid #0dcaf0;
  box-shadow:0 10px 30px rgba(0,0,0,.3)
}

.project-card{
  background:rgba(255,255,255,.08);
  padding:20px;border-radius:16px;
  transition:.3s
}
.project-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 35px rgba(0,0,0,.4)
}

.reveal{opacity:0;transform:translateY(40px);transition:.9s}
.reveal.active{opacity:1;transform:none}