*{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:focus-visible{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:focus-visible{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:focus-visible{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}.project-card:focus-visible{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:focus-visible{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}.obs-themes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px;display:grid}.obs-theme-card{border:1px solid #ffffff14;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:var(--el-accent,#2ee6a6);border-color:var(--el-accent,#2ee6a6);background:#00000073}@media (width<=640px){.nav{display:none}.terminal-body{padding:24px 18px 28px}}