* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'Outfit', sans-serif;
  background-color: #0c0f15;
  color: #eef2fb;
  line-height: 1.5;
  overflow-x: hidden;
}
html { scroll-behavior: smooth; }
section { scroll-margin-top: 80px; }

/* ===== CUSTOM BOLD STYLES ===== */
.glass-card {
  background: rgba(18, 22, 30, 0.75);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(72, 92, 124, 0.25);
  border-radius: 2rem;
  box-shadow: 0 20px 40px -12px rgba(0,0,0,0.6);
  transition: all 0.3s ease;
}
.glass-card:hover {
  border-color: rgba(0,212,255,0.5);
  box-shadow: 0 30px 50px -15px #00d4ff30;
  transform: translateY(-6px);
}

.gradient-text {
  background: linear-gradient(135deg, #a0e9ff, #5f9eff, #c084fc);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 800;
}

.section-title {
  font-weight: 700;
  font-size: 2.8rem;
  letter-spacing: -0.02em;
  margin-bottom: 3rem;
  position: relative;
  display: inline-block;
  background: linear-gradient(145deg, #ffffff, #b2cbff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.section-title::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #00c6ff, #0072ff, #a855f7);
  border-radius: 4px;
  box-shadow: 0 0 15px #0072ff;
}

.skill-chip {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(4px);
  padding: 0.6rem 1.6rem;
  border-radius: 60px;
  font-weight: 500;
  font-size: 1rem;
  color: #cddfff;
  display: inline-block;
  margin: 0.3rem;
  transition: all 0.25s;
  box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}
.skill-chip:hover {
  border-color: #5f9eff;
  background: #1f2a40;
  color: white;
  transform: scale(1.05) translateY(-3px);
  box-shadow: 0 12px 20px -8px #0072ff80;
}

.btn-glow {
  background: linear-gradient(145deg, #1f2a3f, #0f172a);
  border: 1px solid #2d3b55;
  color: white;
  border-radius: 40px;
  padding: 0.85rem 2.2rem;
  font-weight: 600;
  transition: 0.25s;
  box-shadow: 0 8px 18px rgba(0,0,0,0.6);
}
.btn-glow:hover {
  background: linear-gradient(145deg, #263a5e, #14233c);
  border-color: #5f9eff;
  box-shadow: 0 0 20px #0072ff, 0 8px 20px black;
  color: white;
  transform: translateY(-3px);
}
.btn-outline-glow {
  background: transparent;
  border: 1.5px solid #3f526e;
  color: #d2e0ff;
  border-radius: 40px;
  padding: 0.85rem 2.2rem;
  font-weight: 600;
  transition: 0.25s;
}
.btn-outline-glow:hover {
  border-color: #5f9eff;
  background: rgba(0,114,255,0.1);
  box-shadow: 0 0 25px #0072ff;
  color: white;
  transform: translateY(-3px);
}

.profile-glow {
  border-radius: 2rem;
  border: 3px solid transparent;
  background: linear-gradient(145deg, #1e293b, #0f172a) padding-box, 
              linear-gradient(135deg, #00c6ff, #a855f7) border-box;
  box-shadow: 0 30px 40px -15px black;
  transition: 0.4s;
}
.profile-glow:hover {
  transform: scale(1.02) rotate(1deg);
  box-shadow: 0 40px 60px -10px #5f9eff;
}

.navbar {
  background: rgba(10,15,25,0.7);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.navbar-brand {
  font-weight: 800;
  font-size: 1.8rem;
  background: linear-gradient(145deg, #ffffff, #9bc5ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: inherit; 
}
.nav-link {
  color: #b4c6f0 !important;
  font-weight: 500;
}
.nav-link:hover {
  color: white !important;
  text-shadow: 0 0 10px #5f9eff;
}

/* floating orbs */
.orb {
  position: fixed;
  width: 500px; height: 500px;
  background: radial-gradient(circle at 30% 30%, rgba(0,180,255,0.2), transparent 70%);
  border-radius: 50%;
  filter: blur(80px);
  z-index: -2;
  animation: floatOrb 20s infinite alternate;
  pointer-events: none;
}
.orb2 {
  width: 600px; height: 600px;
  background: radial-gradient(circle at 70% 20%, rgba(150,70,255,0.2), transparent 70%);
  bottom: 0; right: 0;
  animation: floatOrb2 25s infinite alternate;
}
@keyframes floatOrb {
  0% { transform: translate(-20%, -20%) scale(1); opacity: 0.5; }
  100% { transform: translate(10%, 20%) scale(1.3); opacity: 0.8; }
}
@keyframes floatOrb2 {
  0% { transform: translate(10%, 10%) scale(1); }
  100% { transform: translate(-20%, -20%) scale(1.4); }
}

.project-card {
  background: #141b29;
  border-radius: 2.2rem;
  border: 1px solid #26334d;
  overflow: hidden;
  transition: all 0.3s;
}
.project-card:hover {
  border-color: #00d4ff;
  box-shadow: 0 30px 50px -15px #00d4ff;
  transform: scale(1.02) translateY(-10px);
}
.project-img {
  height: 220px;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s;
}
.project-card:hover .project-img { transform: scale(1.06); }
.project-content { padding: 2rem; }

.availability-badge {
  background: rgba(0,200,255,0.1);
  border: 1px solid #00d4ff;
  border-radius: 60px;
  padding: 0.4rem 1.4rem;
  color: #b0f0ff;
  box-shadow: 0 0 15px #00d4ff40;
  animation: subtlePulse 3s infinite;
}
@keyframes subtlePulse {
  0% { box-shadow: 0 0 10px #00d4ff20; }
  50% { box-shadow: 0 0 25px #00d4ff80; }
  100% { box-shadow: 0 0 10px #00d4ff20; }
}

.social-icon {
  background: #1f2637;
  border: 1px solid #334153;
  width: 48px; height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.6rem;
  transition: 0.2s;
}
.social-icon:hover {
  background: #2d405b;
  border-color: #00c6ff;
  color: #00c6ff;
  box-shadow: 0 0 20px #00c6ff;
  transform: scale(1.1) translateY(-5px);
}

.exp-card {
  background: rgba(18,26,40,0.7);
  backdrop-filter: blur(6px);
  border: 1px solid #2e3b50;
  border-radius: 2rem;
  padding: 2rem;
  transition: 0.25s;
}
.exp-card:hover {
  border-color: #5f9eff;
  background: #1f2b40e0;
}

.testimonial-card {
  background: #131b2b;
  border-radius: 2.5rem;
  padding: 2.5rem 2rem;
  border: 1px solid #28344a;
  box-shadow: 0 30px 35px -15px black;
  transition: all 0.2s;
}
.testimonial-card:hover {
  border-color: #a855f7;
  box-shadow: 0 0 30px #a855f770;
}

.article-card {
  background: #121a28;
  border-radius: 2rem;
  padding: 1.8rem;
  border: 1px solid #2c3b55;
  transition: 0.2s;
}
.article-card:hover {
  border-color: #00d4ff;
  transform: translateY(-8px);
  box-shadow: 0 20px 30px -8px #00d4ff50;
}

footer a {
  color: #94a3c9;
  text-decoration: none;
  font-weight: 500;
}
footer a:hover {
  color: white;
  text-shadow: 0 0 8px #5f9eff;
}

/* stat cards for achievements */
.stat-number {
  font-size: 2.8rem;
  font-weight: 800;
  background: linear-gradient(145deg, #fff, #a0b5ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}