@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-main:#f5f5f7;--bg-card:#fff;--bg-glass:#ffffffa6;--text-main:#111;--text-muted:#666;--accent-green-bg:#e6f6eb;--accent-green-text:#2e7d32;--border-color:#eaeaea;--shadow-sm:0 4px 24px #0000000a;--shadow-md:0 8px 32px #00000014}.dark{--bg-main:#0a0a0a;--bg-card:#111;--bg-glass:#111111a6;--text-main:#f5f5f5;--text-muted:#a0a0a0;--accent-green-bg:#2e7d3233;--accent-green-text:#4caf50;--border-color:#222;--shadow-sm:0 4px 24px #00000080;--shadow-md:0 8px 32px #000c}:root{--font-body:"Inter", sans-serif;--max-width:1200px;--nav-height:80px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);max-width:100vw;color:var(--text-main);font-family:var(--font-body);background-image:radial-gradient(var(--text-muted) 1px, transparent 1px);background-position:-12px -12px;background-size:24px 24px;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}body:before{content:"";background:var(--bg-main);opacity:.85;z-index:-1;pointer-events:none;position:fixed;inset:0}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;line-height:1.2}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.page-wrapper{padding-top:calc(var(--nav-height) + 2rem);min-height:100vh;padding-bottom:4rem}.ui-card{background:var(--bg-card);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:24px;padding:2rem;transition:box-shadow .3s,transform .3s}.ui-card:hover{box-shadow:var(--shadow-md)}.btn{cursor:pointer;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-black{background:var(--text-main);color:var(--bg-main)}.btn-black:hover{opacity:.85}.btn-outline{color:var(--text-main);border:1px solid var(--border-color);background:0 0}.btn-outline:hover{background:var(--bg-main)}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-green{background:var(--accent-green-bg);color:var(--accent-green-text)}.badge-green:before{content:"";background:var(--accent-green-text);border-radius:50%;width:6px;height:6px;display:block}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{cursor:default;gap:1.2rem;display:flex}.timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;padding-top:.4rem;display:flex}.timeline-dot{width:12px;height:12px;box-shadow:0 0 0 3px var(--bg-card);border-radius:50%;flex-shrink:0}.timeline-line{background:var(--border-color);flex:1;width:2px;min-height:30px}.timeline-content{flex:1;padding-bottom:2rem}.timeline-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.6rem;display:flex}.timeline-title-group{flex-direction:column;gap:.15rem;display:flex}.timeline-role{font-size:1.1rem;font-weight:600}.timeline-company{color:var(--text-muted);font-size:.9rem;font-weight:500}.timeline-period{color:var(--text-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;display:flex}.current-badge{background:var(--accent-green-bg);color:var(--accent-green-text);text-transform:uppercase;letter-spacing:.3px;border-radius:100px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.timeline-desc{color:var(--text-muted);margin-bottom:.8rem;font-size:.9rem;line-height:1.6}.timeline-tags{flex-wrap:wrap;gap:.5rem;display:flex}.timeline-tag{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-muted);border-radius:6px;padding:.3rem .7rem;font-size:.75rem;font-weight:500}@media (max-width:640px){.timeline-header{flex-direction:column;gap:.3rem}.timeline-content{padding-bottom:1.5rem}}@media (max-width:480px){.timeline-item{gap:.8rem}.timeline-role{font-size:1rem}}
.navbar-wrapper{z-index:100;pointer-events:none;justify-content:center;width:100%;padding:0 1.5rem;display:flex;position:fixed;top:1.5rem;left:0}.navbar{pointer-events:auto;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);width:100%;max-width:var(--max-width);border-radius:100px;justify-content:space-between;align-items:center;gap:2rem;padding:.5rem .5rem .5rem 1.5rem;display:flex;box-shadow:0 8px 32px #00000014}.nav-links{align-items:center;gap:clamp(1rem,3vw,1.5rem);display:flex}.nav-icon{color:var(--text-muted);justify-content:center;align-items:center;transition:color .2s;display:flex}.nav-icon:hover{color:var(--text-main)}.nav-btn{white-space:nowrap;border-radius:100px;padding:.6rem clamp(1rem,2vw,1.2rem);font-size:.85rem}@media (max-width:480px){.navbar-wrapper{top:1rem}.navbar{gap:1rem;padding:.4rem .4rem .4rem 1rem}}
.footer-section{padding-bottom:2rem}.footer-card{background:var(--bg-card);margin-bottom:1.5rem;padding:1.5rem 2rem}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-left{color:var(--text-main);align-items:center;gap:.8rem;font-size:1.1rem;font-weight:500;display:flex}.footer-left .dot{background:#a0a0a0;border-radius:50%;width:8px;height:8px}.social-links{align-items:center;gap:1rem;display:flex}.social-icon{color:var(--text-main);background:var(--bg-main);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 4px 10px #00000008}.social-icon:hover{background:var(--bg-card);transform:translateY(-2px);box-shadow:0 6px 15px #0000000f}.footer-copyright{text-align:center;color:var(--text-muted);font-size:.9rem}@media (max-width:480px){.footer-content{flex-direction:column;gap:1.5rem}}