@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#0e0e0e;--bg-subtle:#161616;--bg-surface:#1c1c1c;--bg-raised:#232323;--text-1:#f0f0f0;--text-2:#9a9a9a;--text-3:#555;--accent:#e8e0d0;--accent-dim:#e8e0d01a;--accent-border:#e8e0d02e;--border:#ffffff12;--border-mid:#ffffff21;--green:#4ade80;--green-dim:#4ade801a;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--section-py:clamp(72px, 10vw, 110px);--max-content:1100px;--ease:cubic-bezier(.16, 1, .3, 1);--dur:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:break-word;overflow-wrap:break-word;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:var(--text-1);background:#e8e0d02e}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.022em;color:var(--text-1);overflow-wrap:break-word;font-weight:600;line-height:1.22}p{color:var(--text-2);line-height:1.7}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--max-content);margin:0 auto;padding:0 24px}@media (width<=640px){.container{padding:0 16px}}section{padding:var(--section-py) 0}.section-label{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:.72rem;font-weight:500;display:block}.section-heading{letter-spacing:-.03em;color:var(--text-1);margin-bottom:14px;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700}.surface{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px}.surface-hover{transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease)}.surface-hover:hover{border-color:var(--border-mid);background:var(--bg-raised)}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--dur) var(--ease);white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-1);color:var(--bg);border:1px solid #0000}.btn-primary:hover{background:#d8d8d8}.btn-secondary{color:var(--text-2);border:1px solid var(--border-mid);background:0 0}.btn-secondary:hover{color:var(--text-1);background:var(--bg-subtle);border-color:#ffffff40}.tag{font-family:var(--font-mono);background:var(--bg-raised);color:var(--text-2);border:1px solid var(--border);white-space:nowrap;border-radius:4px;align-items:center;padding:3px 8px;font-size:.7rem;font-weight:500;display:inline-flex}.available-dot{color:var(--text-2);font-size:.75rem;font-family:var(--font-mono);align-items:center;gap:7px;display:inline-flex}.available-dot:before{content:"";background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.4s ease-in-out infinite dot-pulse;display:block}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.icon-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--text-2);cursor:pointer;transition:all var(--dur) var(--ease);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn:hover{border-color:var(--border-mid);color:var(--text-1);background:var(--bg-subtle)}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:10px;bottom:0;left:4px}.timeline-item{position:relative}.timeline-dot{border:1.5px solid var(--border-mid);background:var(--bg);border-radius:50%;flex-shrink:0;width:9px;height:9px;position:absolute;top:8px;left:-24px}.timeline-dot.live{background:var(--green);border-color:var(--green)}.project-card{background:var(--bg-surface);border:1px solid var(--border);transition:border-color var(--dur) var(--ease);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-mid)}.link-arrow{color:var(--text-2);transition:color var(--dur) ease;align-items:center;gap:4px;font-size:.82rem;display:inline-flex}.link-arrow:hover{color:var(--text-1)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up .45s var(--ease) both}@media print{body *{visibility:hidden}.printable-resume,.printable-resume *{visibility:visible}.printable-resume{width:100%;position:absolute;top:0;left:0;color:#000!important;background:#fff!important;padding:0!important}}@media (width<=640px){.hide-sm{display:none!important}}@media (width>=900px){.hide-lg{display:none!important}}@media (width<=899px){.show-lg-only{display:none!important}}
