body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; background-color: #fafafa; color: #666; text-align: center; }
h1, h2, h3 { color: #3e3e3e; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; }
h1 { font-size: 2.5em; margin: 0; }
p { line-height: 1.75em; font-size: 1.1em; }
.container { max-width: 1000px; margin: 0 auto; padding: 0 2em; }
section { padding: 6em 0; border-bottom: 1px solid #e5e5e5; }

/* Navigation */
nav { background: #fff; padding: 1.2em; position: sticky; top: 0; z-index: 100; box-shadow: 0 1px 10px rgba(0,0,0,0.05); }
nav a { margin: 0 1.2em; text-decoration: none; color: #666; font-weight: 600; font-size: 0.85em; text-transform: uppercase; letter-spacing: 1px;}
nav a:hover { color: #0076ce; }

/* Top / Hero */
#top { background: #fff; padding: 8em 0; }
.profile-image { width: 180px; height: 180px; border-radius: 50%; margin: 0 auto 2.5em; display: block; border: 10px solid #f4f4f4; box-shadow: 0 4px 10px rgba(0,0,0,0.1); object-fit: cover; }

/* Achievements Styling */
#achievements { background: #fff; }
.achievements-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5em; margin-top: 3em; text-align: left; }
.stat-card { background: #fff; border: 1px solid #eee; padding: 2em; border-radius: 8px; border-top: 4px solid #0076ce; }
.stat-card h3 { font-size: 0.9em; color: #0076ce; margin-bottom: 10px; }
.stat-card p { font-size: 0.95em; margin: 0; line-height: 1.5; }

/* General Grid / Box styling */
.box-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2em; margin-top: 3em; }
.box { background: #fff; padding: 2.5em; border-radius: 6px; box-shadow: 0 2px 0 0 rgba(0,0,0,0.05); transition: transform 0.2s ease; }
.box:hover { transform: translateY(-5px); }

/* Portfolio / Experience */
#portfolio { background: #fff; }
.exp-item { margin-bottom: 5em; text-align: left; max-width: 800px; margin-left: auto; margin-right: auto; }
.company-header { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 2px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
.company-logo { color: #003366; font-weight: 800; font-size: 1.4em; text-transform: uppercase; }
.role-entry { margin-bottom: 25px; }
.role-title { font-weight: 700; color: #444; font-size: 1.2em; display: block; }
.role-date { color: #999; font-size: 0.9em; font-family: monospace; }

.edu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
.edu-card { background: #fdfdfd; padding: 20px; border: 1px solid #eee; border-radius: 4px; }

#contact { background: #1a1c23; color: #999; border-bottom: none; }
#contact h2 { color: #fff; }
.button { display: inline-block; margin-top: 2em; padding: 1em 3.5em; background: #0076ce; color: #fff; text-decoration: none; border-radius: 6px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s; }
.button:hover { background: #005fa6; transform: scale(1.05); }

@media (max-width: 736px) { h1 { font-size: 1.8em; } section { padding: 4em 0; } .company-header { flex-direction: column; } .edu-grid { grid-template-columns: 1fr; } }