*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--surface: #0f0f0f;--text: #ffffff;--text-muted: rgba(255,255,255,.55);--gold: #ffd700;--border: rgba(255,255,255,.07);--font-display: "Bebas Neue", sans-serif;--font-mono: "Courier New", monospace;--font-body: system-ui, -apple-system, sans-serif}html{scroll-behavior:auto}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden}#bg{position:fixed;inset:0;z-index:-1;pointer-events:none}@media(hover:hover){body{cursor:none}}#cursor{display:none;position:fixed;width:16px;height:16px;border-radius:50%;border:1px solid #ffd700;background:transparent;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .15s ease,height .15s ease,background .1s ease}@media(hover:hover){#cursor{display:block}}#cursor.hover{width:36px;height:36px}#cursor.clicking{background:#ffd7004d}section{min-height:100vh;position:relative}.section-inner{max-width:1200px;margin:0 auto;padding:clamp(4rem,8vw,8rem) clamp(1.5rem,6vw,6rem)}.mono-tag{display:block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:4px;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.body-copy{font-size:1rem;line-height:1.7;color:var(--text-muted)}#hero{display:flex;align-items:center;justify-content:center}.hero-inner{display:flex;align-items:center;gap:4rem;max-width:1200px;width:100%;padding:clamp(1.5rem,6vw,6rem)}.hero-text{flex:0 0 60%}.hero-name{font-family:var(--font-display);font-size:clamp(4rem,10vw,9rem);letter-spacing:2px;line-height:.92;color:var(--text)}.hero-sub{font-family:var(--font-mono);font-size:.6rem;letter-spacing:5px;color:var(--text-muted);margin-top:1.5rem;text-transform:uppercase}.scroll-indicator{margin-top:3rem}.scroll-arrow{font-family:var(--font-mono);font-size:1.2rem;color:#ffffff4d;display:inline-block;animation:bounce 1.6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.hero-logo-wrap{flex:0 0 40%;display:flex;align-items:center;justify-content:center}#logo-canvas{display:block;width:220px;height:220px}#about{background:var(--bg)}.about-grid{display:grid;grid-template-columns:60% 40%;gap:4rem;align-items:start}.about-headline{font-family:var(--font-display);font-size:clamp(2rem,5vw,4.5rem);letter-spacing:1px;line-height:1.1;color:var(--text)}.about-headline .word{display:inline-block}.about-right{display:flex;flex-direction:column;gap:2rem;padding-top:3rem}.skill-chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{font-family:var(--font-mono);font-size:.55rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:20px;padding:4px 12px}#mdfld{background:#050505}.mdfld-inner{position:relative;overflow:hidden}.mdfld-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.mdfld-badge{font-family:var(--font-mono);font-size:.65rem;letter-spacing:5px;font-weight:700;color:var(--gold);border:1px solid rgba(255,215,0,.3);padding:4px 12px;border-radius:2px}.mdfld-headline{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5.5rem);letter-spacing:1px;line-height:1;color:var(--text);max-width:600px;margin-bottom:2rem;position:relative;z-index:1}.mdfld-headline .line{display:block}.mdfld-desc{max-width:560px;margin-bottom:2.5rem;position:relative;z-index:1}.mdfld-cta{display:inline-block;font-family:var(--font-mono);font-size:.65rem;letter-spacing:3px;color:var(--gold);text-decoration:none;font-weight:700;position:relative;z-index:1;transition:opacity .2s}.mdfld-cta:hover{opacity:.7}.mdfld-bg-word{position:absolute;font-family:var(--font-display);font-size:clamp(8rem,20vw,18rem);color:#ffd7000a;bottom:-1rem;right:-1rem;line-height:1;pointer-events:none;user-select:none;z-index:0}#projects{background:var(--bg)}.section-tag{margin-bottom:3rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card{display:block;text-decoration:none;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:1.75rem;background:#ffffff05;transition:border-color .2s,box-shadow .2s;position:relative}.project-card:hover{border-color:var(--gold);box-shadow:0 0 24px #ffd7000f}.proj-tag{display:block;font-family:var(--font-mono);font-size:.5rem;letter-spacing:2px;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase}.proj-name{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.8rem);letter-spacing:1px;margin-bottom:.75rem}.proj-desc{font-size:.875rem;line-height:1.6;color:var(--text-muted)}.proj-arrow{position:absolute;bottom:1.5rem;right:1.75rem;font-size:1rem;color:var(--gold);opacity:0;transition:opacity .2s,transform .2s}.project-card:hover .proj-arrow{opacity:1;transform:translate(4px)}.npm-card{cursor:pointer}.npm-card-hint{display:block;font-family:var(--font-mono);font-size:.5rem;letter-spacing:2px;color:var(--gold);margin-top:1rem}.npm-collapse-hint{display:none;font-family:var(--font-mono);font-size:.5rem;letter-spacing:2px;color:var(--gold);margin-top:1rem}.npm-card[data-expanded=true]{grid-column:1 / -1;border-color:var(--gold);box-shadow:0 0 32px #ffd7000f}.npm-card[data-expanded=true] .npm-card-hint{display:none}.npm-card[data-expanded=true] .npm-collapse-hint{display:block}.npm-packages{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.npm-packages>div{overflow:hidden}.npm-card[data-expanded=true] .npm-packages{grid-template-rows:1fr}.npm-divider{border-top:1px solid rgba(255,255,255,.06);margin:1rem 0 .75rem}.npm-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;margin-bottom:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:4px;text-decoration:none;color:var(--text);transition:border-color .2s,background .2s}.npm-row:last-child{margin-bottom:0}.npm-row:hover{border-color:#ffd7004d;background:#ffffff0d}.npm-row-meta{flex:1;display:flex;flex-direction:column;gap:.2rem}.npm-row-name{font-family:var(--font-mono);font-size:.7rem;color:var(--gold)}.npm-row-desc{font-size:.75rem;color:var(--text-muted)}.npm-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}.npm-row-downloads{font-family:var(--font-mono);font-size:.6rem;color:var(--gold);white-space:nowrap;opacity:.8}.npm-row-link{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);white-space:nowrap}.project-card.dimmed{opacity:.25;pointer-events:none;transition:opacity .3s,border-color .2s,box-shadow .2s}#contact{background:#050505;display:flex;align-items:center}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:3rem}.contact-heading{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,5rem);letter-spacing:1px;color:var(--text)}.contact-links{display:flex;gap:2rem;flex-wrap:wrap}.contact-links a{font-family:var(--font-mono);font-size:.6rem;letter-spacing:3px;color:var(--text-muted);text-decoration:none;transition:color .2s}.contact-links a:hover{color:var(--gold)}.char,.word{display:inline-block}.line{display:block}#activity{background:var(--bg)}.activity-stats{display:flex;gap:3rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.activity-stat-label{display:block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.activity-stat-value{display:block;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:1px;line-height:1;color:var(--gold)}.activity-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px;width:100%}.activity-cell{display:block;aspect-ratio:1;border-radius:1px;background:#141414;transition:background .15s ease}.activity-cell[data-level="0"]{background:#141414}.activity-cell[data-level="1"]{background:#3a2a00}.activity-cell[data-level="2"]{background:#7a5500}.activity-cell[data-level="3"]{background:#c48800}.activity-cell[data-level="4"]{background:var(--gold)}.activity-months{display:flex;justify-content:space-between;margin-top:.4rem;margin-bottom:1rem}.activity-month-label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:1px;text-transform:uppercase;color:#fff3}.activity-legend{display:flex;align-items:center;gap:5px;justify-content:flex-end}.activity-legend .activity-cell{width:9px;height:9px;flex-shrink:0}.activity-legend-label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:1px;color:#ffffff40}.activity-npm{margin-top:3rem}.activity-npm-header{margin-bottom:1.25rem}.activity-npm-list{display:flex;flex-direction:column}.activity-npm-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.05);text-decoration:none;transition:background .15s}.activity-npm-row:last-child{border-bottom:1px solid rgba(255,255,255,.05)}.activity-npm-row:hover{background:#ffffff08}.activity-npm-info{display:flex;flex-direction:column;gap:.2rem}.activity-npm-name{font-family:var(--font-mono);font-size:.7rem;color:var(--gold);letter-spacing:.04em}.activity-npm-desc{font-family:var(--font-mono);font-size:.6rem;color:#ffffff59}.activity-npm-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}.activity-npm-downloads{font-family:var(--font-mono);font-size:.65rem;color:#ffffffb3;white-space:nowrap}.activity-npm-downloads-label{font-family:var(--font-mono);font-size:.5rem;color:#ffffff40;letter-spacing:.08em;text-transform:uppercase}.activity-npm-link{font-family:var(--font-mono);font-size:.6rem;color:#fff3}.activity-npm-row:hover .activity-npm-link{color:var(--gold)}@media(max-width:767px){.hero-inner{flex-direction:column;align-items:flex-start;gap:2rem}.hero-text{flex:none;width:100%}.hero-logo-wrap{flex:none;width:100%;justify-content:center}#logo-canvas{width:120px;height:120px}.about-grid{grid-template-columns:1fr;gap:2rem}.about-right{padding-top:0}.projects-grid{grid-template-columns:1fr}.contact-inner{flex-direction:column;align-items:flex-start}.activity-stats{flex-wrap:wrap;gap:1.5rem}.activity-grid{overflow-x:auto}}