*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e8eef0;background:#0a0d0c;margin:0;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--bg:#0a0d0c;--surface:#12161a;--border:#202825;--accent:#2ee6a6;--accent-dim:#16332a;--text:#e8eef0;--muted:#8b9a98;--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}.page{max-width:1080px;margin:0 auto;padding:0 24px}.topbar{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0d0cd9;justify-content:space-between;align-items:center;padding:18px 0;display:flex;position:sticky;top:0}.brand{font-family:var(--font-mono);color:var(--accent);font-size:.95rem}.nav{gap:28px;display:flex}.nav a{color:var(--muted);font-size:.95rem;transition:color .2s}.nav a:hover,.nav a{color:var(--text)}.lang-toggle{font-family:var(--font-mono);border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;transition:border-color .2s,color .2s}.lang-toggle:hover,.lang-toggle{border-color:var(--accent);color:var(--accent)}.hero{padding:64px 0 88px}.terminal{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #2ee6a60a,0 30px 80px -40px #2ee6a626}.terminal-bar{border-bottom:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.dot{border-radius:50%;width:11px;height:11px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.terminal-body{font-family:var(--font-mono);padding:32px 28px 36px}.line{color:var(--text);margin:0 0 10px;font-size:1rem}.line.muted{color:var(--muted);max-width:480px;font-size:.95rem}.prompt{color:var(--accent)}.line.big{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 18px;font-size:clamp(2.4rem,6vw,4rem);font-weight:600}.cursor{color:var(--accent);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.cta{font-family:var(--font-mono);color:var(--bg);background:var(--accent);border-radius:6px;margin-top:18px;padding:10px 18px;font-size:.9rem;transition:transform .15s,box-shadow .15s;display:inline-block}.cta:hover,.cta{transform:translateY(-1px);box-shadow:0 8px 24px -8px #2ee6a680}section[id]{scroll-margin-top:84px}section h2{font-family:var(--font-display);margin-bottom:6px;font-size:1.8rem}.muted{color:var(--muted);margin-top:0}.skills{padding:40px 0 72px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 28px;margin-top:28px;display:grid}.skill-row{justify-content:space-between;margin-bottom:6px;font-size:.92rem;display:flex}.skill-level{font-family:var(--font-mono);color:var(--muted);font-size:.8rem}.bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:3px;height:100%}.projects{padding:24px 0 72px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:28px;display:grid}.project-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:20px;transition:border-color .2s,transform .2s}.project-card:hover{border-color:var(--accent);transform:translateY(-2px)}.project-card{cursor:pointer;outline:2px solid var(--accent);outline-offset:2px}.card-hint{font-family:var(--font-mono);color:var(--accent);margin-top:12px;font-size:.78rem;display:inline-block}.tag{font-family:var(--font-mono);color:var(--accent);background:var(--accent-dim);border-radius:4px;margin-bottom:10px;padding:3px 8px;font-size:.72rem;display:inline-block}.project-card h3{font-family:var(--font-display);margin:0 0 8px}.project-card p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.contact{text-align:center;padding:40px 0 80px}.contact h2{margin-bottom:6px}.contact .cta{margin-top:22px}.footer{border-top:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);text-align:center;padding:22px 0 40px;font-size:.82rem}.modal-backdrop{z-index:50;background:#050706b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:480px;padding:28px;position:relative}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1;position:absolute;top:14px;right:14px}.modal-close:hover,.modal-close{color:var(--text)}.modal h3{font-family:var(--font-display);margin:10px 0}.muted.small{font-size:.85rem}.modal-wide{max-width:760px;max-height:80vh;overflow-y:auto}.gallery{flex-direction:column;gap:22px;margin-top:16px;display:flex}.gallery-cat h4{font-family:var(--font-mono);color:var(--muted);margin:0 0 10px;font-size:.85rem}.gallery-thumbs{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.gallery-thumbs img{object-fit:cover;border:1px solid var(--border);cursor:pointer;background:#0d1110;border-radius:8px;width:100%;height:96px;transition:border-color .15s,transform .15s}.gallery-thumbs img:hover{border-color:var(--accent);transform:scale(1.03)}.gallery-video{border:1px solid var(--border);background:#000;border-radius:8px;grid-column:span 2;width:100%;max-height:220px}.lightbox-backdrop{cursor:zoom-out;background:#050706e0}.lightbox-img{border-radius:8px;max-width:90vw;max-height:88vh;box-shadow:0 20px 60px #00000080}.resources{flex-direction:column;gap:18px;margin-top:16px;display:flex}.resource-item h4{font-family:var(--font-display);margin:0 0 4px}.btn-unavailable{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--border);cursor:default;opacity:.6;font-size:.82rem;font-family:var(--font-mono);border:1px solid var(--border);cursor:default;opacity:.6;background:0 0;border-radius:6px;margin-top:10px;padding:7px 14px;font-size:.82rem;display:inline-block}.site-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:16px;display:grid}.site-card{height:160px;color:inherit;border:1px solid #ffffff1a;border-radius:14px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000059}.site-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px #00000080,0 0 0 1px #2ee6a62e}.site-card-bg{filter:blur();background-position:top;background-size:cover;transition:transform .4s;position:absolute;inset:0}.site-card:hover .site-card-bg{transform:scale(1.06)}.site-card-overlay{-webkit-backdrop-filter:blur(8px)saturate(1.2);opacity:0;background:linear-gradient(#05070626 0%,#0507068c 35%,#050706f5 70%);flex-direction:column;justify-content:flex-end;padding:14px;transition:opacity .25s;display:flex;position:absolute;inset:0}.site-card:hover .site-card-overlay{opacity:1}.site-card-overlay h4{font-family:var(--font-display);margin:4px 0;font-size:.95rem}.site-card-overlay p{color:var(--muted);margin:0 0 10px;font-size:.78rem;line-height:1.4}.site-card-btn{font-family:var(--font-mono);color:#fff;-webkit-backdrop-filter:blur(8px);background:#2ee6a62e;border:1px solid #2ee6a659;border-radius:6px;align-self:flex-start;padding:5px 12px;font-size:.72rem;transition:background .2s,border-color .2s,transform .2s;display:inline-block}.site-card:hover .site-card-btn{border-color:var(--accent);background:#2ee6a652;transform:translateY(-1px)}.addon-grid{flex-direction:column;gap:14px;margin-top:16px;display:flex}.addon-card{color:inherit;-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:16px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.addon-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 32px #2ee6a61f}.addon-img{object-fit:cover;flex-shrink:0;width:160px;height:102px}.addon-info{flex-direction:column;gap:4px;padding:14px 16px 14px 0;display:flex}.addon-info h4{font-family:var(--font-display);margin:0;font-size:1rem}.addon-info p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.4}.addon-store{font-family:var(--font-mono);color:var(--accent);background:#2ee6a61a;border:1px solid #2ee6a640;border-radius:4px;align-self:flex-start;margin-top:8px;padding:3px 10px;font-size:.72rem;display:inline-block}.banner-deck-btn{text-align:center}.deck-viewer{flex-direction:column;align-items:center;gap:14px;max-width:90vw;display:flex;position:relative}.deck-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.6rem;line-height:1;position:absolute;top:-36px;right:0}.deck-close:hover{opacity:1}.deck-img{object-fit:contain;border-radius:10px;max-width:85vw;max-height:65vh;box-shadow:0 20px 60px #0009}.deck-nav{align-items:center;gap:18px;display:flex}.deck-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:36px;height:36px;font-size:1rem;transition:background .15s}.deck-btn:hover{background:#fff3}.deck-btn:disabled{opacity:.25;cursor:default;background:#ffffff1a}.deck-count{font-family:var(--font-mono);color:var(--muted);text-align:center;min-width:48px;font-size:.82rem}.deck-thumbs{flex-wrap:wrap;justify-content:center;gap:8px;max-width:85vw;display:flex}.deck-thumb{object-fit:cover;cursor:pointer;opacity:.55;border:2px solid #0000;border-radius:5px;width:64px;height:40px;transition:opacity .15s,border-color .15s}.deck-thumb:hover{opacity:.85}.deck-thumb-active{opacity:1;border-color:var(--accent)}.obs-themes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px;display:grid}.obs-theme-card{border-radius:12px;padding:18px}.obs-theme-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.obs-theme-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.obs-theme-header h4{font-family:var(--font-mono);letter-spacing:.04em;font-size:.82rem;font-weight:500}.obs-element-list{flex-direction:column;gap:7px;display:flex}.obs-element-btn{font-family:var(--font-mono);color:#ffffffbf;background:#00000040;border:1px solid #ffffff14;border-radius:6px;padding:7px 12px;font-size:.78rem;text-decoration:none;transition:background .18s,color .18s,border-color .18s;display:block}.obs-element-btn:hover{color:#2ee6a6;background:#00000073;border-color:#2ee6a6}.video-transitions,.obs-section-title-spaced{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.video-transitions-title{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);margin-bottom:14px;font-size:.82rem;font-weight:500}.video-transitions-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.video-transition-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.video-transition-player{background:#000;border-radius:8px;width:100%;display:block}.video-transition-label{font-family:var(--font-mono);color:var(--text);font-size:.78rem}.obs-themes-compact{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.obs-theme-card-compact{cursor:pointer;border:1px solid #0000;padding:14px;transition:border-color .18s,transform .15s}.obs-theme-card-compact:hover{border-color:#ffffff2e;transform:translateY(-2px)}.obs-theme-card-compact .obs-theme-header{margin-bottom:0}.obs-theme-card-compact .obs-theme-header h4{font-size:.76rem}.obs-banner-card{cursor:pointer;aspect-ratio:5/2;border:1px solid #ffffff14;border-radius:12px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.obs-banner-card:hover{border-color:#ffffff38;transform:translateY(-2px);box-shadow:0 8px 28px #00000073}.obs-banner-card-bg{background-color:#0a0a0c;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:transform .35s;position:absolute;inset:0}.obs-banner-card:hover .obs-banner-card-bg{transform:scale(1.04)}.obs-banner-card-glass{-webkit-backdrop-filter:blur(4px);opacity:0;background:linear-gradient(#05070600 0%,#05070626 45%,#050706bf 100%);flex-direction:column;justify-content:flex-end;padding:12px 14px;transition:opacity .25s;display:flex;position:absolute;inset:0}.obs-banner-card:hover .obs-banner-card-glass{opacity:1}.obs-banner-card .obs-theme-header{margin-bottom:0}.obs-banner-card .obs-theme-header h4{letter-spacing:.03em;font-size:.82rem;font-weight:600}.obs-banner-card .obs-theme-dot{display:none}.obs-emote-card{cursor:pointer;aspect-ratio:1;background:linear-gradient(135deg,#1f1420 0%,#2a1826 100%);border:1px solid #ffffff14;border-radius:12px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.obs-emote-card:hover{border-color:#ffffff38;transform:translateY(-2px);box-shadow:0 8px 28px #00000073}.obs-emote-card-img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:10px;transition:transform .35s;position:absolute;inset:0}.obs-emote-card:hover .obs-emote-card-img{transform:scale(1.06)}.obs-emote-card-label{opacity:0;background:linear-gradient(#05070600 40%,#050706bf 100%);justify-content:center;align-items:flex-end;padding:10px;transition:opacity .25s;display:flex;position:absolute;inset:0}.obs-emote-card:hover .obs-emote-card-label{opacity:1}.obs-emote-card-label h4{font-family:var(--font-mono);color:#fff;text-align:center;letter-spacing:.02em;margin:0;font-size:.72rem;font-weight:600}.obs-theme-sample-tag{font-family:var(--font-mono);letter-spacing:.03em;color:#ffffffa6;background:#0000004d;border:1px solid #ffffff1f;border-radius:5px;margin-top:8px;padding:3px 8px;font-size:.65rem;display:inline-block}.theme-modal-header .obs-theme-sample-tag{margin-top:0;margin-left:4px}.theme-modal-backdrop{z-index:60}.theme-modal{border:1px solid var(--border);border-radius:14px;width:min(880px,92vw);max-height:86vh;padding:24px;position:relative;overflow:auto}.theme-modal-header{align-items:center;gap:8px;margin-bottom:18px;display:flex}.theme-modal-body{grid-template-columns:200px 1fr;gap:18px;display:grid}.theme-modal-left{flex-direction:column;gap:7px;display:flex}.obs-element-btn-active{color:#2ee6a6!important;background:#00000080!important;border-color:#2ee6a6!important}.theme-modal-right{flex-direction:column;gap:8px;display:flex}.theme-preview-frame{aspect-ratio:16/9;background:#00000059;border:1px solid #ffffff1a;border-radius:10px;width:100%;overflow:hidden}.theme-preview-iframe{border:0;width:100%;height:100%;display:block}.theme-preview-image{object-fit:contain;width:100%;height:100%;display:block}.theme-preview-label{font-family:var(--font-mono);color:var(--muted);text-align:right;font-size:.76rem}@media (width<=640px){.nav{display:none}.terminal-body{padding:24px 18px 28px}.theme-modal-body{grid-template-columns:1fr}.theme-modal-left{flex-flow:wrap}}