:root{padding:0;margin:0}:root{--bg: #f3f4f6;--surface: #ffffff;--border: #e5e7eb;--text: #111827;--text-muted: #6b7280;--text-body: #374151;--accent: #4f46e5;--radius: 10px;--max-width: 720px;--section-gap: 48px;--section-padding: 0 24px}*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg);color:var(--text);text-align:center;margin:0;padding:0}img{border-radius:var(--radius)}.header,.aboutme,.achievements,.links,.footer{max-width:var(--max-width);margin:0 auto var(--section-gap);padding:var(--section-padding)}.header{margin-top:60px}.aboutme{text-align:left}.navBar{position:sticky;top:0;z-index:100;background-color:var(--surface);border-bottom:1px solid var(--border);padding:10px 24px;display:flex;align-items:center}.navBar p{text-align:left;margin:0;font-weight:600;font-size:.95rem;color:var(--text);flex:1}.navBar ul{list-style:none;display:flex;gap:8px;margin:0;padding:0}.navBar li{flex:0 0 auto}.navBar button{padding:8px 20px;border:1px solid transparent;border-radius:20px;color:var(--text-muted);background-color:transparent;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.navBar button:hover{background-color:var(--bg);color:var(--text);border-color:var(--border)}.navBar button.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.achievements{display:flex;flex-direction:column;gap:12px}.achievement{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;cursor:pointer;overflow:hidden;transition:box-shadow .2s ease}.achievement:hover{box-shadow:0 4px 16px #00000014}.achievement-title{font-weight:600;font-size:1rem}.achievement-details{max-height:0;opacity:0;overflow:hidden;margin-top:0;font-size:.9rem;color:var(--text-body);text-align:left;transition:max-height .35s ease,opacity .25s ease,margin-top .25s ease}.achievement:hover .achievement-details{max-height:300px;opacity:1;margin-top:10px}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.link{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.link:hover{opacity:.7;transform:scale(1.1)}.link a{text-decoration:none;display:flex;align-items:center;justify-content:center}.link img{width:32px;height:32px;object-fit:contain;border-radius:6px}.footer{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border)}.footerImg{height:1.85rem;width:auto}