body {
  font-family: 'Poppins', sans-serif;
  background: #0b0f14;
  color: #fff;
  margin:0;
  padding:0;
  display:flex;
  justify-content:center;
  padding:40px 0;
}

.resume-box {
  max-width: 900px;
  width: 90%;
  background: #0b0f14;
  border: 2px solid #ff7a00;
  border-radius: 20px;
  box-shadow: 0 0 20px #ff7a00, 0 0 40px #ffb347;
  padding:30px 40px;
  position: relative;
  overflow: visible; /* important for glow/shadow */
  page-break-inside: avoid; /* ensures no cut in PDF */

}


.top-section {
  display:flex;
  gap:30px;
  align-items:center;
  margin-bottom:40px;
}

.dp img {
  width:130px;
  height:130px;
  border-radius:50%;
  border: 3px solid #ff7a00;
  box-shadow: 0 0 20px #ff7a00, 0 0 40px #ffb347;
}

.header-info h1 {
  font-size:32px;
  background: linear-gradient(90deg,#ff7a00,#ffb347);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 8px #ff7a00, 0 0 20px #ffb347;
  margin-bottom:5px;
}

.header-info .role {
  color:#ccc;
  margin-bottom:10px;
  font-weight:500;
}

.contact span {
  display:inline-block;
  margin-right:15px;
  color:#ff7a00;
  font-size:14px;
}

h2 {
  font-size:26px;
  margin-bottom:15px;
  background: linear-gradient(90deg,#ff7a00,#ffb347);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 8px #ff7a00,0 0 15px #ffb347;
}

.skills-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:15px;
  margin-bottom:30px;
}

.skill {
  background: rgba(255,122,0,0.05);
  padding:15px;
  border-radius:15px;
  position:relative;
}

.skill span {
  font-weight:600;
  margin-bottom:5px;
  display:block;
}

.skill-bar {
  height:10px;
  background: rgba(255,122,0,0.2);
  border-radius:5px;
  overflow:hidden;
  margin-bottom:5px;
}

.skill-fill {
  height:100%;
  background: linear-gradient(90deg,#ff7a00,#ffb347);
  border-radius:5px;
  transition:1s ease-in-out;
}

.skill-percent {
  position:absolute;
  right:10px;
  top:10px;
  font-size:12px;
  color:#ffb347;
}

.exp-card, .education {
  background: rgba(255,122,0,0.05);
  padding:20px;
  border-radius:15px;
  margin-bottom:20px;
  box-shadow: 0 0 15px #ff7a00,0 0 25px #ffb347;
  transition:0.3s;
}

.exp-card:hover {
  transform:translateY(-5px);
  box-shadow:0 0 25px #ff7a00,0 0 40px #ffb347;
}

.download-btn-container {
  text-align:center;
  margin-top:30px;
}

#downloadResume {
  padding:12px 35px;
  border-radius:50px;
  border:none;
  font-weight:600;
  cursor:pointer;
  background:#ff7a00;
  color:#0b0f14;
  box-shadow:0 0 15px #ff7a00,0 0 25px #ffb347;
  transition:0.3s;
}
#downloadResume a{
  color:#0b0f14;
  text-decoration:none;
}

#downloadResume:hover {
  transform: scale(1.05);
  box-shadow:0 0 25px #ff7a00,0 0 40px #ffb347;
}

@media(max-width:768px){
  .top-section {
    flex-direction:column;
    text-align:center;
  }
  .dp img {
    margin-bottom:15px;
  }
  .contact span {
    display:block;
    margin-bottom:5px;
  }
  .skills-grid {
    grid-template-columns:1fr;
  }
}