*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.7;color:#2d3748;background:linear-gradient(to bottom,#f7fafc 0%,#edf2f7 100%);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}
/* ── Header & Nav ── */
header{background:linear-gradient(135deg,#1a365d 0%,#2a5298 100%);color:white;padding:0;margin-bottom:3rem;box-shadow:0 4px 6px rgba(0,0,0,0.15)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0}.site-title h1{font-size:1.75rem;font-weight:800;letter-spacing:-0.5px;color:white}.site-nav{display:flex;align-items:center;gap:0.25rem}.nav-link{color:rgba(255,255,255,0.85);text-decoration:none;padding:0.5rem 1rem;border-radius:8px;font-size:0.9rem;font-weight:500;transition:all 0.2s ease;display:flex;align-items:center;gap:0.4rem}.nav-link:hover{color:white;background:rgba(255,255,255,0.15)}.nav-link.active{color:white;background:rgba(255,255,255,0.2);font-weight:600}.nav-link-rss{padding:0.5rem 0.75rem;opacity:0.7}.nav-link-rss:hover{opacity:1}@media (max-width:600px){.header-inner{flex-direction:column;gap:0.75rem;padding:1rem 0}.site-nav{width:100%;justify-content:center}}
/* ── Layout ── */
.main-content{display:grid;grid-template-columns:1fr 300px;gap:2.5rem;margin-bottom:3rem}@media (max-width:968px){.main-content{grid-template-columns:1fr}.sidebar{position:static!important;top:auto!important}}
/* ── Blog cards ── */
.post{background:white;padding:2.5rem;margin-bottom:2rem;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:all 0.3s ease;border:1px solid #e2e8f0}.post:hover{box-shadow:0 10px 25px rgba(0,0,0,0.1);transform:translateY(-2px)}.post h1,.post h2{color:#1a202c;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.post h2 a{color:#1a202c;text-decoration:none;transition:color 0.3s}.post h2 a:hover{color:#667eea}.post-meta{color:#718096;font-size:0.875rem;margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:1px solid #e2e8f0}.post-image{max-width:100%;height:auto;margin:1.5rem 0;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.post-content{margin-top:1.5rem;font-size:1.0625rem;color:#4a5568;line-height:1.8}.post-content p{margin-bottom:1.25rem}.post-content h1{color:#1a365d;font-size:1.6rem;font-weight:700;margin-top:2rem;margin-bottom:1rem}.post-content h2{color:#1a365d;font-size:1.35rem;font-weight:700;margin-top:2rem;margin-bottom:0.75rem}.post-content h3{color:#1a365d;font-size:1.15rem;font-weight:700;margin-top:1.5rem;margin-bottom:0.5rem}.post-content h4{color:#1a365d;font-size:1.05rem;font-weight:700;margin-top:1.5rem;margin-bottom:0.5rem}.post-content blockquote{margin:1.5rem 0;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f0f4f8 0%,#e6ecf2 100%);border-left:4px solid #2a5298;border-radius:0 8px 8px 0}.post-content a{color:#2a5298;text-decoration:underline}.post-content code{background:#f0f4f8;padding:0.15rem 0.4rem;border-radius:4px;font-size:0.9em}.post-content pre{background:#1a202c;color:#e2e8f0;padding:1.25rem;border-radius:8px;overflow-x:auto;margin:1.25rem 0}.post-content pre code{background:none;padding:0;color:inherit}
/* ── Sidebar ── */
.sidebar{background:white;padding:2rem;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.08);align-self:start;position:sticky;top:2rem}.sidebar h3{color:#1a202c;margin-bottom:1.25rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;border-bottom:2px solid #edf2f7;padding-bottom:0.5rem}.sidebar ul li{margin-bottom:0.5rem}.sidebar ul li a{color:#2a5298;text-decoration:none;font-size:0.92rem}.sidebar ul li a:hover{text-decoration:underline}
/* ── Tags ── */
.tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}.tag{display:inline-block;background:linear-gradient(135deg,#1a365d 0%,#2a5298 100%);color:white;padding:0.35rem 0.8rem;border-radius:20px;text-decoration:none;font-size:0.8rem;transition:all 0.3s ease}.tag:hover{transform:translateY(-2px);opacity:0.9;color:white}.tag.active{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}
/* ── Pagination ── */
.pagination{display:flex;justify-content:center;gap:0.5rem;margin:3rem 0}.pagination a,.pagination span{padding:0.625rem 1.125rem;background:white;border-radius:8px;text-decoration:none;color:#4a5568;border:1px solid #e2e8f0}.pagination a:hover{background:#2a5298;color:white}.pagination .current{background:#2a5298;color:white;border-color:#2a5298}.read-more{display:inline-block;margin-top:1.25rem;color:#2a5298;text-decoration:none;font-weight:600}
/* ── Attachments / Related ── */
.attachments{margin-top:2rem;padding-top:2rem;border-top:2px solid #e2e8f0}.attachments h4{color:#1a202c;margin-bottom:1rem}.attachments ul{list-style:none}.attachments li{margin-bottom:0.75rem}.attachments a{color:#2a5298;text-decoration:none}.file-size{color:#718096;font-size:0.85em;margin-left:0.5rem}.related-posts{margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.related-posts h3{color:#1a202c;margin-bottom:1.5rem}.related-post{margin-bottom:1.25rem;padding:1rem;background:#f7fafc;border-radius:8px}.related-post a{color:#2a5298;text-decoration:none}
/* ── Footer ── */
footer{background:linear-gradient(135deg,#1a365d 0%,#2a5298 100%);color:white;text-align:center;padding:2rem 0;margin-top:4rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* ══════════════════════════════════════════════════════
   Profile Homepage
═══════════════════════════════════════════════════════ */
/* Hero */
.profile-hero{background:white;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,0.08);padding:2.5rem;margin-bottom:2rem;border:1px solid #e2e8f0}.profile-hero-inner{display:flex;gap:2rem;align-items:flex-start}@media (max-width:700px){.profile-hero-inner{flex-direction:column;align-items:center;text-align:center}}.profile-avatar{width:130px;height:130px;border-radius:50%;object-fit:cover;border:4px solid #2a5298;flex-shrink:0}.profile-avatar-placeholder{width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,#1a365d,#2a5298);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.profile-hero-text{flex:1}.profile-name{font-size:2rem;font-weight:800;color:#1a202c;margin-bottom:0.4rem}.profile-tagline{font-size:1.1rem;color:#4a5568;margin-bottom:0.75rem;font-style:italic}.profile-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:0.9rem;color:#718096;margin-bottom:1rem}.profile-meta span{display:flex;align-items:center;gap:0.35rem}.availability-badge{color:#276749;font-weight:600}.profile-links{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:1rem}.profile-link{display:inline-flex;align-items:center;gap:0.35rem;color:#2a5298;text-decoration:none;font-size:0.9rem;padding:0.35rem 0.75rem;border:1px solid #bee3f8;border-radius:20px;background:#ebf8ff;transition:all 0.2s}.profile-link:hover{background:#2a5298;color:white;border-color:#2a5298}
/* Section titles */
.profile-section{background:white;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.08);padding:2rem;margin-bottom:2rem;border:1px solid #e2e8f0}.section-title{font-size:1.25rem;font-weight:700;color:#1a365d;margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:2px solid #edf2f7;display:flex;align-items:center;gap:0.5rem}.section-title i{color:#2a5298}.profile-bio{font-size:1rem;color:#4a5568;line-height:1.8;text-align:justify}.profile-bio h1,.profile-bio h2,.profile-bio h3,.profile-bio h4{text-align:left}.profile-bio p,.profile-bio li{margin-bottom:0.75rem;text-align:justify!important}
/* Certifications */
.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.cert-card{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border:1px solid #e2e8f0;border-radius:10px;background:#fafafa;transition:box-shadow 0.2s}.cert-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08)}.cert-badge{width:90px;height:90px;object-fit:contain;flex-shrink:0}.cert-badge-placeholder{width:90px;height:90px;border-radius:8px;background:linear-gradient(135deg,#1a365d,#2a5298);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.cert-name{font-size:0.95rem;font-weight:700;color:#1a202c;margin-bottom:0.2rem}.cert-issuer{font-size:0.85rem;color:#4a5568;margin-bottom:0.25rem}.cert-dates{margin-bottom:0.4rem}.verify-link{font-size:0.8rem;color:#2a5298;text-decoration:none;display:inline-flex;align-items:center;gap:0.25rem}.verify-link:hover{text-decoration:underline}
/* Timeline */
.timeline{position:relative;padding-left:1.75rem}.timeline::before{content:'';position:absolute;left:0.5rem;top:0;bottom:0;width:2px;background:#e2e8f0}.timeline-item{position:relative;margin-bottom:2rem}.timeline-marker{position:absolute;left:-1.375rem;top:0.35rem;width:14px;height:14px;border-radius:50%;background:#2a5298;border:3px solid white;box-shadow:0 0 0 2px #2a5298}.timeline-marker.current{background:#38a169;box-shadow:0 0 0 2px #38a169}.timeline-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5rem;margin-bottom:0.3rem}.timeline-title{font-size:1rem;font-weight:700;color:#1a202c}.timeline-company{font-size:0.9rem;color:#2a5298}.timeline-company a{color:#2a5298;text-decoration:none}.timeline-company a:hover{text-decoration:underline}.timeline-dates{margin-bottom:0.5rem}.timeline-duration{color:#718096;font-style:italic}.timeline-description{font-size:0.95rem;color:#4a5568;margin-top:0.5rem}.timeline-description p{margin-bottom:0.5rem}
/* Projects */
.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.project-card{border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;background:#fafafa;display:flex;flex-direction:column;transition:box-shadow 0.2s}.project-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.1)}.project-title{font-size:1rem;font-weight:700;color:#1a202c;margin-bottom:0.25rem}.project-subtitle{font-size:0.875rem;margin-bottom:0.75rem}.project-description{font-size:0.9rem;color:#4a5568;flex:1;margin-bottom:0.75rem}.project-description p{margin-bottom:0.4rem}.tech-tags{display:flex;flex-wrap:wrap;gap:0.35rem;margin-bottom:1rem}.tech-tag{background:#edf2f7;color:#2d3748;padding:0.2rem 0.6rem;border-radius:12px;font-size:0.75rem;font-weight:500}.project-links{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:auto}
/* Recent posts on homepage */
.recent-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.recent-post-card{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:white;transition:box-shadow 0.2s}.recent-post-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.1);transform:translateY(-2px)}.recent-post-img{width:100%;height:150px;object-fit:cover}.recent-post-body{padding:1rem;flex:1;display:flex;flex-direction:column}.recent-post-title{font-size:0.95rem;font-weight:700;color:#1a202c;margin-bottom:0.35rem;line-height:1.4}.recent-post-date{margin-bottom:0.5rem}.recent-post-excerpt{font-size:0.875rem;color:#718096;line-height:1.6;flex:1}