*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg:#0a0a0a;--surface:#111113;--text:#e5e5e5;--text-muted:#999;--accent:#3b82f6;--accent-dim:#3b82f61f;--border:#1f1f1f;--max-width:1100px;--section-padding:100px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{font-family:var(--font);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}h1,h2,h3{letter-spacing:-.02em;font-weight:600;line-height:1.1}a{color:var(--accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.section{padding:var(--section-padding) 48px}.section-alt{background:var(--surface)}.section-inner{max-width:var(--max-width);margin:0 auto}.section-heading{color:var(--text);border-bottom:2px solid var(--accent);margin-bottom:48px;padding-bottom:8px;font-size:clamp(1.5rem,2.5vw,2rem);display:inline-block}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a0ad9;padding:16px 48px;position:sticky;top:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-name{color:var(--text);font-size:1.125rem;font-weight:600;text-decoration:none}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.875rem;transition:color .2s}.nav-links a:hover{color:var(--text);opacity:1}.hero{background:radial-gradient(at 25%,#3b82f612,#0000 55%),radial-gradient(at 75% 80%,#3b82f60a,#0000 50%);align-items:center;min-height:90vh;padding:0 48px;display:flex}.hero-inner{max-width:var(--max-width);width:100%;margin:0 auto}.hero-content{justify-content:space-between;align-items:center;gap:64px;display:flex}.hero-text{flex:1;min-width:0}.hero-greeting{color:var(--accent);letter-spacing:.02em;margin-bottom:14px;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:500}.hero-name{white-space:nowrap;align-items:center;gap:2px;min-height:1.15em;margin-bottom:24px;font-size:clamp(2rem,4.5vw,4rem);line-height:1.1;display:flex}.hero-typed{color:var(--text)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-cursor{color:var(--accent);margin-left:1px;font-weight:300;animation:1s step-start infinite blink}.typing-cursor.deleting{opacity:1;animation:none}.hero-socials{gap:12px;display:flex}.hero-social-link{border:1px solid var(--border);width:42px;height:42px;color:var(--text-muted);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;transition:color .2s,border-color .2s,transform .2s;display:flex}.hero-social-link:hover{color:var(--accent);border-color:var(--accent);opacity:1;transform:translateY(-2px)}.hero-headshot{object-fit:cover;border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:280px;height:280px;transition:box-shadow .3s;box-shadow:0 0 60px #3b82f62e}.hero-headshot:hover{box-shadow:0 0 80px #3b82f647}.about-grid{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:20px;display:grid}.about-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 28px;transition:border-color .2s}.about-card:hover{border-color:#3b82f64d}.about-label{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:.75rem;font-weight:600;display:inline-block}.about-desc{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.7}.experience-list{flex-direction:column;gap:24px;display:flex}.experience-entry{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:48px;padding:32px;transition:border-color .2s;display:flex}.section-alt .experience-entry{background:var(--bg)}.experience-entry:hover{border-color:var(--accent)}.experience-left{flex-shrink:0;width:260px}.experience-role{margin-bottom:6px;font-size:1.125rem;font-weight:600}.experience-company{color:var(--text-muted);margin-bottom:4px;font-size:.9375rem}.experience-period{color:var(--accent);font-size:.8125rem;font-weight:500}.experience-right{flex:1}.experience-points{flex-direction:column;gap:8px;list-style:none;display:flex}.experience-points li{color:var(--text-muted);padding-left:20px;font-size:.9375rem;line-height:1.6;position:relative}.experience-points li:before{content:"→";color:var(--accent);position:absolute;left:0}.project-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.project-card{border:1px solid var(--border);background:linear-gradient(145deg,#161618,#111113);border-radius:16px;flex-direction:column;padding:32px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--accent), #3b82f61a);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:#3b82f64d;box-shadow:0 12px 40px #0006,0 0 60px #3b82f60f}.project-card:hover:before{opacity:1}.project-card-top{margin-bottom:16px}.project-number{color:var(--accent);letter-spacing:.05em;margin-bottom:10px;font-size:.75rem;font-weight:600;display:block}.project-name{font-size:1.25rem;font-weight:600;line-height:1.3}.project-description{color:var(--text-muted);flex:1;margin-bottom:24px;font-size:.9375rem;line-height:1.7}.project-tech{flex-wrap:wrap;gap:8px;display:flex}.project-tech span{color:var(--accent);background:var(--accent-dim);border:1px solid #3b82f626;border-radius:100px;padding:5px 14px;font-size:.75rem;transition:background .2s,border-color .2s}.project-tech span:hover{background:#3b82f633;border-color:#3b82f64d}.heatmap-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 32px}.heatmap-top{justify-content:space-between;align-items:baseline;margin-bottom:24px;display:flex}.heatmap-title{align-items:baseline;gap:8px;display:flex}.heatmap-count{color:var(--text);font-size:1.5rem;font-weight:700}.heatmap-subtitle{color:var(--text-muted);font-size:.9375rem}.heatmap-meta{color:var(--text-muted);align-items:baseline;gap:20px;margin-bottom:24px;font-size:.8125rem;display:flex}.heatmap-meta strong{color:var(--text)}.heatmap-link{color:var(--text-muted);flex-shrink:0;font-size:.8125rem;transition:color .2s}.heatmap-link:hover{color:#39d353;opacity:1}.heatmap-scroll{padding-bottom:4px;overflow-x:auto}.heatmap-scroll svg{display:block}.heatmap-scroll rect:hover{stroke:#fff;stroke-width:1px}.heatmap-bottom{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.heatmap-legend{align-items:center;gap:4px;display:flex}.heatmap-legend-label{color:var(--text-muted);margin:0 4px;font-size:.6875rem}.heatmap-stats{align-items:center;gap:16px;font-size:.8125rem;display:flex}.heatmap-stat-total{color:var(--text);font-weight:600}.heatmap-stat{color:var(--text-muted)}.heatmap-stat.easy{color:#00b8a3}.heatmap-stat.medium{color:#ffc01e}.heatmap-stat.hard{color:#ff375f}.skills-list{flex-direction:column;gap:32px;display:flex}.skill-group-label{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:.75rem;font-weight:600;display:block}.skills-tags{flex-wrap:wrap;gap:10px;display:flex}.skills-tag{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:8px 18px;font-size:.875rem;transition:border-color .2s,color .2s}.skills-tag:hover{border-color:var(--accent);color:var(--accent)}.footer{text-align:center;border-top:1px solid var(--border);padding:80px 48px}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:.8125rem}.footer-email{color:var(--text);margin-bottom:48px;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;transition:color .2s;display:inline-block}.footer-email:hover{color:var(--accent);opacity:1}.footer-copy{color:var(--text-muted);font-size:.8125rem}@media (width<=768px){:root{--section-padding:60px}.section{padding-left:20px;padding-right:20px}.nav{padding:16px 20px}.nav-links{display:none}.hero{min-height:80vh;padding:0 20px}.hero-content{text-align:center;flex-direction:column-reverse;gap:32px}.hero-name{white-space:normal;justify-content:center}.hero-socials{justify-content:center}.hero-headshot{width:160px;height:160px}.about-grid{grid-template-columns:1fr}.experience-entry{flex-direction:column;gap:16px;padding:24px}.experience-left{width:auto}.project-grid{grid-template-columns:1fr}.footer{padding:60px 20px}.contact-card{padding:40px 24px}.heatmap-card{padding:20px 16px}.heatmap-top{flex-wrap:wrap;gap:4px}.heatmap-title{flex-direction:column;gap:2px}.heatmap-meta{margin-bottom:16px}.heatmap-count{font-size:1.25rem}.heatmap-meta{gap:12px}.heatmap-bottom{flex-direction:column-reverse;align-items:flex-start;gap:12px}}