@import "main.css";

.page-title{font-size:2.5rem;margin-bottom:2rem;text-align:center}
.about-content p{font-size:1.1rem;line-height:1.8;margin-bottom:2rem}
.section-title{font-size:1.5rem;margin:3rem 0 1.5rem;border-bottom:1px solid var(--border);padding-bottom:1rem}
.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}
.tech-item{background:var(--hover);border:1px solid var(--border);padding:1rem;text-align:center}

/* --- Certifications --- */
.cert-grid{display:flex;flex-direction:column;gap:1rem}
.cert-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);padding:1.25rem 1.5rem;text-decoration:none;color:var(--txt);transition:background-color 0.2s ease}
.cert-item:hover{background:var(--hover)}
.cert-name{font-weight:700;font-size:0.95rem}
.cert-issuer{font-size:0.85rem;opacity:0.6}

/* --- Resume Download --- */
.resume-download{display:inline-block;color:var(--txt);text-decoration:underline;font-weight:700}
.resume-download:hover{text-decoration:none}

@media(max-width:768px){
  .cert-item{flex-direction:column;align-items:flex-start;gap:0.5rem}
}