@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg-deep:#000;--bg-surface:#0a0a0a;--bg-elevated:#111;--text-primary:#fff;--text-secondary:#0af;--text-muted:#06c;--accent-primary:#06f;--accent-secondary:#fff;--border-subtle:#0066ff26;--border-bright:#06f6;--glass-bg:#000c;--glass-border:#06f3;--ds-accent:#06f;--proj-accent:#0af;--sk-accent:#08f;--exp-accent:#04f}[data-theme=light]{--bg-deep:#fff;--bg-surface:#f8faff;--bg-elevated:#f1f5ff;--text-primary:#000;--text-secondary:#04c;--text-muted:#026;--border-subtle:#0066ff1a;--border-bright:#06f3;--glass-bg:#ffffffd9;--glass-border:#0066ff1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background .3s,color .3s;overflow-x:hidden}::selection{background:var(--accent-primary);color:#fff}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.linear-border{border:1px solid var(--border-subtle);transition:border-color .2s}.linear-border:hover{border-color:var(--border-bright)}.bento-grid{gap:1.5rem;display:grid}.text-gradient{background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.4s ease-out forwards fadeInUp}.nav-btn{cursor:pointer;letter-spacing:-.01em;color:var(--text-secondary);text-transform:none;white-space:nowrap;background:0 0;border:none;padding:8px 4px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.nav-btn:after{content:"";background:var(--accent-primary);transform-origin:100%;opacity:.8;width:100%;height:1.5px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:0;transform:scaleX(0)}.nav-btn:hover{color:var(--text-primary)!important}.nav-btn:hover:after{transform-origin:0;transform:scaleX(1)}.nav-btn.active{font-weight:600;color:var(--accent-primary)!important}.nav-btn.active:after{background:var(--accent-primary);transform:scaleX(1)}.timeline-container{max-width:900px;margin-top:80px;margin-left:auto;margin-right:auto;padding:0 20px;position:relative}.timeline-center-line{background:linear-gradient(to bottom, var(--exp-accent), #9b72cf0d);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{width:100%;margin-bottom:60px;display:flex;position:relative}.timeline-item.even{justify-content:flex-start}.timeline-item.odd{justify-content:flex-end}.timeline-content{width:calc(50% - 40px);position:relative}.timeline-item.even .timeline-content{text-align:right;align-items:flex-end}.timeline-item.odd .timeline-content{text-align:left;align-items:flex-start}.timeline-pointer{width:40px;height:2px;position:absolute;top:24px}.timeline-item.even .timeline-pointer{background:linear-gradient(to right, transparent, var(--exp-accent));right:-40px}.timeline-item.odd .timeline-pointer{background:linear-gradient(to left, transparent, var(--exp-accent));left:-40px}.timeline-arrow{position:absolute;top:50%;transform:translateY(-50%)}.timeline-item.even .timeline-arrow{left:-4px}.timeline-item.odd .timeline-arrow{right:-4px}.timeline-edu{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;padding:18px 22px}.timeline-item.even .timeline-edu .timeline-pointer{top:50%;transform:translateY(-50%)}@media (width<=1024px){.nav-links{display:none!important}.hamburger{display:flex!important}}@media (width<=768px){.timeline-center-line{left:20px;transform:none}.timeline-item{justify-content:flex-end!important}.timeline-content{width:calc(100% - 60px);text-align:left!important;align-items:flex-start!important}.timeline-item.even .timeline-pointer,.timeline-item.odd .timeline-pointer{background:linear-gradient(to left, transparent, var(--exp-accent));left:-40px;right:auto}.timeline-item.even .timeline-arrow,.timeline-item.odd .timeline-arrow{left:auto;right:-4px}.timeline-item.even .timeline-arrow svg{transform:rotate(180deg)}}