@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4ba802ed8e67eac5-s.e45fea2b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d7a0600e467cf0bd-s.20ecb425.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dc0d9adbac686440-s.p.3b382e45.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b8f2b92a9960dd69-s.12167c5a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28e60ca39c9ae554-s.7a4e9fcc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8d05cfa5faa8406c-s.p.4adea45d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono Fallback;src:local(Arial);ascent-override:81.58%;descent-override:26.3%;line-gap-override:0.0%;size-adjust:137.28%}.space_mono_45083710-module__wf8tza__className{font-family:Space Mono,Space Mono Fallback;font-style:normal}
:root{--bg-dark:#000;--bg-card:#0a0a0a;--neon-green:#a3ff12;--neon-purple:#8a2be2;--neon-cyan:#00e0ff;--text-primary:#fff;--text-secondary:#888;--border-color:#333;--glow-green:0 0 20px #a3ff1280;--glow-purple:0 0 20px #8a2be280;--glow-purple-strong:0 0 30px #8a2be2cc;--transition-fast:.2s ease;--transition-medium:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Space Mono,monospace;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:var(--neon-green);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--neon-cyan)}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:.1em;font-weight:700}h1{color:var(--neon-green);text-shadow:var(--glow-green);font-size:3rem}h2{color:var(--neon-green);margin-bottom:1.5rem;font-size:1.5rem}h3{color:var(--text-primary);font-size:1.2rem}p{color:var(--text-secondary);margin-bottom:1rem}.container{max-width:1400px;margin:0 auto;padding:0 2rem}section{padding:4rem 0}.btn{text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--neon-green);color:var(--neon-green);cursor:pointer;transition:all var(--transition-medium);background:0 0;padding:.8rem 2rem;font-family:Space Mono,monospace;font-size:1rem;font-weight:700;display:inline-block}.btn:hover{background:var(--neon-green);color:var(--bg-dark);box-shadow:var(--glow-green);transform:translateY(-2px)}.btn-purple{border-color:var(--neon-purple);color:var(--neon-purple)}.btn-purple:hover{background:var(--neon-purple);color:var(--text-primary);box-shadow:var(--glow-purple)}.horizontal-scroll{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--neon-purple)var(--bg-card);gap:1.5rem;padding:1rem 0;display:flex;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{height:8px}.horizontal-scroll::-webkit-scrollbar-track{background:var(--bg-card);border-radius:4px}.horizontal-scroll::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:4px}.horizontal-scroll>*{scroll-snap-align:start;flex-shrink:0}.card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-medium);border-radius:8px;position:relative;overflow:hidden}.card:hover{border-color:var(--neon-purple);box-shadow:var(--glow-purple-strong);transform:translateY(-8px)}.card-thumbnail{aspect-ratio:16/9;background:#111;width:100%;position:relative;overflow:hidden}.card-thumbnail img,.card-thumbnail video{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-medium)}.card:hover .card-thumbnail img,.card:hover .card-thumbnail video{transform:scale(1.05)}.card-overlay{opacity:0;transition:opacity var(--transition-medium);background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card:hover .card-overlay{opacity:1}.card-overlay-text{color:var(--neon-green);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:700}.card-content{padding:1rem}.card-meta{color:var(--text-secondary);gap:1rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.card-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1rem;display:flex}.card-title .arrow{color:var(--neon-green);transition:transform var(--transition-fast)}.card:hover .card-title .arrow{transform:translate(5px)}.card-role{color:var(--neon-purple);text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem}.card-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.section-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.section-header h2{margin-bottom:0}.year-badge{background:var(--neon-purple);color:var(--text-primary);border-radius:4px;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;display:grid}.skill-item{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.skill-name{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem}.skill-level{justify-content:center;gap:4px;display:flex}.skill-square{border:1px solid var(--neon-purple);border-radius:2px;width:12px;height:12px}.skill-square.filled{background:var(--neon-purple)}.detail-page{min-height:100vh}.go-back{color:var(--neon-purple);text-transform:uppercase;cursor:pointer;transition:color var(--transition-fast);align-items:center;gap:.5rem;padding:1rem 0;font-weight:700;display:flex}.go-back:hover{color:var(--neon-green)}.go-back:before{content:"";background:var(--neon-purple);width:100px;height:3px;margin-right:1rem;display:block}.detail-hero{aspect-ratio:16/9;background:#111;border-radius:8px;width:100%;max-width:900px;margin:0 auto 2rem;overflow:hidden}.detail-hero iframe,.detail-hero video,.detail-hero img{object-fit:cover;width:100%;height:100%}.detail-title{color:var(--neon-green);text-shadow:var(--glow-green);text-align:center;margin-bottom:2rem;font-size:2.5rem}.detail-boxes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.detail-box{background:var(--bg-card);border:2px solid var(--neon-purple);border-radius:8px;padding:1.5rem}.detail-box h3{color:var(--neon-purple);margin-bottom:1rem;font-size:1rem}.detail-box p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.detail-box .info-item{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.5rem 0;display:flex}.detail-box .info-item:last-child{border-bottom:none}.detail-box .info-label{color:var(--text-secondary)}.detail-box .info-value{color:var(--text-primary)}.detail-section{margin-bottom:2rem}.detail-section h3{color:var(--neon-green);margin-bottom:1rem}.detail-section p{color:var(--text-secondary);line-height:1.8}@media (max-width:768px){h1{font-size:2rem}.container{padding:0 1rem}section{padding:2rem 0}.horizontal-scroll{scroll-snap-type:none}.horizontal-scroll.stack-mobile{flex-direction:column;overflow-x:visible}.horizontal-scroll.stack-mobile>*{width:100%}.detail-boxes{grid-template-columns:1fr}}