:root,[data-theme=light]{--color-bg:#faf9f6;--color-bg-secondary:#edeae5;--color-bg-tertiary:#e3dfd9;--color-text:#141210;--color-text-secondary:#6b6560;--color-text-muted:#9e9892;--color-accent:#c2410c;--color-accent-hover:#9a3412;--color-accent-glow:#c2410c1f;--color-code:#0d9488;--color-code-comment:#9e9892;--color-border:#e3dfd9;--color-rule:#d6d0c8;--color-card-bg:#fff;--color-card-border:#e3dfd9;--color-card-shadow:0 1px 2px #00000008, 0 2px 8px #00000008;--color-card-hover-shadow:0 2px 4px #0000000a, 0 8px 24px #0000000f;--border-radius:8px;--bg-gradient:transparent;--transition-theme:background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease}[data-theme=dark]{--color-bg:#080706;--color-bg-secondary:#141210;--color-bg-tertiary:#1f1b18;--color-text:#ebe7e0;--color-text-secondary:#a39d95;--color-text-muted:#6b6560;--color-accent:#ea580c;--color-accent-hover:#f97316;--color-accent-glow:#ea580c33;--color-code:#2dd4bf;--color-code-comment:#6b6560;--color-border:#1f1b18;--color-rule:#1f1b18;--color-card-bg:#141210;--color-card-border:#1f1b18;--color-card-shadow:0 1px 2px #0000004d, 0 4px 12px #0000004d;--color-card-hover-shadow:0 2px 4px #0000004d, 0 12px 32px #00000080;--border-radius:8px;--bg-gradient:radial-gradient(ellipse at 50% 0%, #ea580c0f 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #2dd4bf08 0%, transparent 50%);--transition-theme:background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease}body{background-color:var(--color-bg);background-image:var(--bg-gradient);color:var(--color-text);transition:var(--transition-theme)}::selection{background:var(--color-accent);color:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Prompt,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}ul,ol{list-style:none}.section{max-width:1040px;margin:0 auto;padding:6rem 1.5rem}.section-label{color:var(--color-code);letter-spacing:.02em;margin-bottom:.5rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.7rem;font-weight:500;display:inline-block}.section-title{letter-spacing:-.02em;color:var(--color-text);margin-bottom:2.5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.2}.section-rule{background:var(--color-rule);border:none;width:100%;height:1px;margin:0}@media (width<=640px){.section{padding:3.5rem 1rem}}@keyframes scrollPulse{0%,to{opacity:.2;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.4)}}.header{z-index:100;transition:var(--transition-theme), padding .3s ease, backdrop-filter .3s ease;padding:.75rem 0;position:fixed;top:0;left:0;right:0}.header.scrolled{background:color-mix(in srgb, var(--color-bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:.5rem 0}.headerInner{justify-content:space-between;align-items:center;max-width:1040px;margin:0 auto;padding:0 1.5rem;display:flex}.logo{color:var(--color-text);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1rem;font-weight:500}.prompt{color:var(--color-code)}.nav{align-items:center;gap:1.75rem;display:flex}.navLink{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;transition:color .2s;position:relative}.navLink:after{content:"";background:var(--color-accent);width:0;height:1.5px;transition:width .25s;position:absolute;bottom:-4px;left:0}.navLink:hover{color:var(--color-text)}.navLink:hover:after{width:100%}.toggleTrack{background:var(--color-bg-tertiary);border:1px solid var(--color-border);width:44px;height:24px;transition:var(--transition-theme);border-radius:12px;align-items:center;padding:2px;display:inline-flex}.toggleThumb{background:var(--color-accent);border-radius:50%;width:18px;height:18px;display:block}@media (width<=640px){.nav{gap:1rem}.navLink{font-size:.78rem}.toggleTrack{width:38px;height:22px}.toggleThumb{width:16px;height:16px}}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:0 1.5rem;display:flex;position:relative;overflow:hidden}.heroBg{background:radial-gradient(ellipse at center, var(--color-accent-glow) 0%, transparent 50%);pointer-events:none;opacity:.8;border-radius:50%;width:1400px;height:1400px;position:absolute;top:-60%;right:-40%}.heroContent{z-index:1;width:100%;max-width:1040px;margin:0 auto;position:relative}.commentPrefix{color:var(--color-code-comment);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85rem}.greeting{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.9rem;font-weight:400}.name{letter-spacing:-.04em;color:var(--color-text);align-items:center;gap:.25rem;margin-bottom:1.75rem;font-size:clamp(4rem,9vw,7rem);font-weight:800;line-height:.95;display:flex}.cursor{background:var(--color-accent);border-radius:1px;align-self:center;width:4px;height:.75em;margin-top:.05em;display:inline-block}.roleRow{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:3rem;display:flex}.roleLine{background:var(--color-accent);border-radius:1px;width:48px;height:2px}.role{color:var(--color-text-secondary);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9rem;font-weight:500}.role strong{color:var(--color-code);font-weight:600}.roleDot{color:var(--color-text-muted)}.cta{border:1.5px solid var(--color-accent);color:var(--color-accent);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:background .2s,color .2s,gap .3s;display:inline-flex}.cta:hover{background:var(--color-accent);color:#fff}.ctaArrow{font-size:.85rem;display:inline-block}.scrollHint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scrollLine{background:var(--color-text-muted);width:1px;height:36px;animation:2s ease-in-out infinite scrollPulse;display:block}@media (width<=640px){.hero{min-height:90vh;padding:0 1rem}.name{font-size:2.8rem}.heroBg{width:800px;height:800px;top:-40%;right:-60%}}.aboutGrid{grid-template-columns:200px 1fr;align-items:start;gap:3rem;display:grid}.aboutStats{flex-direction:column;gap:1.5rem;padding-top:3rem;display:flex}.statBlock{border:1px solid var(--color-border);border-radius:var(--border-radius);flex-direction:column;padding:.75rem;display:flex}.statValue{color:var(--color-accent);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:2.5rem;font-weight:700;line-height:1}.statLabel{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.65rem}.aboutText{min-width:0}.aboutP{color:var(--color-text-secondary);max-width:560px;margin-bottom:1rem;font-size:1rem;line-height:1.85}@media (width<=768px){.aboutGrid{grid-template-columns:1fr;gap:1.5rem}.aboutStats{flex-direction:row;gap:2rem;padding-top:0}.statValue{font-size:1.75rem}}.skills{max-width:640px}.skillsList{flex-direction:column;gap:.15rem;display:flex}.skillRow{flex-direction:column;gap:.3rem;padding:.55rem 0;display:flex}.skillHead{justify-content:space-between;align-items:baseline;display:flex}.skillName{color:var(--color-text);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8rem;font-weight:500}.skillLevel{color:var(--color-code);letter-spacing:.03em;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.6rem;font-weight:500}.skillBar{background:var(--color-bg-tertiary);border-radius:2px;height:3px;overflow:hidden}.skillFill{background:var(--color-accent);border-radius:2px;height:100%}@media (width<=640px){.skillRow{padding:.4rem 0}}.projectGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.projectCard{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--border-radius);transition:var(--transition-theme), box-shadow .3s, border-color .3s;flex-direction:column;gap:.6rem;padding:1.75rem;display:flex;position:relative;overflow:hidden}.projectCard:hover{box-shadow:var(--color-card-hover-shadow);border-color:var(--accent,var(--color-accent))}.cardAccent{background:var(--accent,var(--color-accent));opacity:0;width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.projectCard:hover .cardAccent{opacity:1}.cardHead{align-items:center;gap:.4rem;display:flex}.cardIndex{color:var(--color-text-muted);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1.5rem;font-weight:700;line-height:1}.cardDash{color:var(--color-text-muted);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8rem}.cardTitle{letter-spacing:-.01em;color:var(--color-text);font-size:1.15rem;font-weight:700}.cardDesc{color:var(--color-text-secondary);flex:1;font-size:.88rem;line-height:1.65}.cardTags{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.cardTag{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:.15rem .5rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.68rem;font-weight:500}@media (width<=700px){.projectGrid{grid-template-columns:1fr}}.contact{text-align:center;padding-bottom:7rem;position:relative}.contactTitle{margin-bottom:.5rem;font-size:clamp(1.75rem,4vw,2.5rem)}.contactText{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1rem}.contactLinks{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.contactLink{border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);background:var(--color-card-bg);transition:var(--transition-theme), border-color .2s, transform .2s;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:500;display:inline-flex}.contactLink:hover{border-color:var(--color-accent)}.contactIcon{background:var(--color-bg-secondary);width:24px;height:24px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.7rem;font-weight:700;display:inline-flex}.contactArrow{color:var(--color-text-muted);font-size:.75rem}.contactBg{background:radial-gradient(ellipse at center, var(--color-accent-glow) 0%, transparent 60%);pointer-events:none;opacity:.5;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)}.footer{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);transition:var(--transition-theme);padding:2rem 1.5rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.75rem}
