:root{--bg:#030304;--surface:#0f1115;--surface-glass:#ffffff0d;--text:#94a3b8;--text-h:#fff;--border:#ffffff1a;--border-strong:#fff3;--accent:#f7931a;--accent-2:#ea580c;--accent-3:#5c19f7;--accent-bg:#f7931a1f;--accent-border:#f7931a80;--code-bg:#ffffff0f;--shadow:#0006 0 10px 30px -5px;--glow:0 0 20px -5px #ea580c80;--glow-strong:0 0 30px -5px #f7931a99;--glow-gold:0 0 20px #5c19f759;--heading:"Space Grotesk", system-ui, sans-serif;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;font:18px/150% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}:root[data-theme=light]{--bg:#fbf9f6;--surface:#fff;--surface-glass:#00000008;--text:#5b5548;--text-h:#0b0a08;--border:#0000001a;--border-strong:#0003;--accent:#ea580c;--accent-2:#c2410c;--accent-3:#5c19f7;--accent-bg:#ea580c14;--accent-border:#ea580c66;--code-bg:#0000000d;--shadow:#00000014 0 10px 30px -5px;--glow:0 0 20px -5px #ea580c40;--glow-strong:0 0 30px -5px #ea580c59;--glow-gold:0 0 20px #5c19f740}*{box-sizing:border-box}body{background:var(--bg);margin:0}#root{flex-direction:column;min-height:100svh;display:flex;overflow-x:clip}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0;font-weight:600;line-height:1.15}p{margin:0}a{color:inherit}.gradient-text{background:linear-gradient(to right, var(--accent), var(--accent-3));color:#0000;-webkit-background-clip:text;background-clip:text}code{font-family:var(--mono);color:var(--accent);background:var(--code-bg);border-radius:4px;padding:3px 7px;font-size:.85em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.grid-glow{z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 15% 10%, #f7931a29, transparent 42%), radial-gradient(circle at 85% 0%, #5c19f724, transparent 38%), linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);background-size:100% 100%,100% 100%,48px 48px,48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 0,#000 0%,#0000 65%);mask-image:radial-gradient(circle at 50% 0,#000 0%,#0000 65%)}.theme-toggle{z-index:50;background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);width:40px;height:40px;color:var(--text-h);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:inline-flex;position:fixed;top:20px;right:20px}@media (width<=1024px){.theme-toggle{top:14px;right:14px}}.theme-toggle:hover{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--glow)}.pulse-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite pulse;box-shadow:0 0 #f7931a99}@keyframes pulse{0%{box-shadow:0 0 #f7931a80}70%{box-shadow:0 0 0 8px #f7931a00}to{box-shadow:0 0 #f7931a00}}.btn{height:48px;font-family:var(--sans);cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{color:#0b0a08;background:linear-gradient(to right, var(--accent-2), var(--accent));box-shadow:var(--glow)}.btn-primary:hover{box-shadow:var(--glow-strong);transform:scale(1.05)}.btn-outline{color:var(--text-h);border-color:var(--border-strong);background:0 0}.btn-outline:hover{border-color:var(--text-h);background:var(--surface-glass)}#hero{text-align:left;grid-template-columns:240px 1fr;align-items:start;gap:56px;max-width:920px;margin:0 auto;padding:96px 24px 80px;display:grid}@media (width<=860px){#hero{text-align:center;grid-template-columns:1fr;gap:32px;padding:96px 20px 48px}}.hero-left{flex-direction:column;align-items:flex-start;gap:10px;display:flex}@media (width<=860px){.hero-left{align-items:center}}.avatar{object-fit:cover;background:linear-gradient(135deg, var(--accent-2), var(--accent-3));width:128px;height:128px;box-shadow:var(--glow);border-radius:50%;margin-bottom:4px;padding:3px}.hero-name{letter-spacing:-.4px;font-size:24px}.hero-role{margin:0;font-size:17px;font-weight:600}.hero-meta{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:11.5px;display:inline-flex}.social-row{gap:8px;margin-top:10px;display:flex}.social-icon{border:1px solid var(--border);background:var(--surface-glass);width:38px;height:38px;color:var(--text-h);border-radius:10px;justify-content:center;align-items:center;transition:all .25s;display:inline-flex}.social-icon:hover{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--glow)}.hero-right{flex-direction:column;gap:18px;padding-top:4px;display:flex}.bio{color:var(--text);font-size:17px;line-height:165%}.cta-row{flex-wrap:wrap;gap:12px;display:flex}@media (width<=860px){.cta-row{justify-content:center}}.tags{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.tags li{font-family:var(--mono);letter-spacing:.4px;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:999px;padding:6px 14px;font-size:12px}@media (width<=860px){.tags{justify-content:center}}#projects{text-align:center;max-width:1120px;margin:0 auto;padding:48px 24px 96px}@media (width<=1024px){#projects{padding:24px 20px 56px}}#projects h2{margin:8px 0 40px;font-size:34px}@media (width<=1024px){#projects h2{margin-bottom:28px;font-size:26px}}.project-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:16px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:all .3s;display:flex;position:relative}.project-card:before,.project-card:after{content:"";border-color:var(--accent);opacity:0;width:18px;height:18px;transition:opacity .3s;position:absolute}.project-card:before{border-top:2px solid;border-left:2px solid;border-radius:16px 0 0;top:-1px;left:-1px}.project-card:after{border-bottom:2px solid;border-right:2px solid;border-radius:0 0 16px;bottom:-1px;right:-1px}.project-card:hover{border-color:var(--accent-border);transform:translateY(-4px);box-shadow:0 0 30px -10px #f7931a33}.project-card:hover:before,.project-card:hover:after{opacity:1}.project-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-card-head h3{font-size:18px}.external-icon{color:var(--text);flex-shrink:0;transition:color .25s}.project-card:hover .external-icon{color:var(--accent)}.project-card p{color:var(--text);flex-grow:1;font-size:14.5px;line-height:155%}.card-meta{align-items:center;gap:8px;display:flex}.lang-badge{font-family:var(--mono);letter-spacing:.4px;color:var(--accent-3);background:var(--surface-glass);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:11.5px}.video-badge{font-family:var(--mono);letter-spacing:.4px;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:4px 10px 4px 8px;font-size:11.5px;display:inline-flex}.project-video{z-index:5;box-shadow:var(--glow-strong);pointer-events:none;background:#000;border-radius:16px;animation:.2s video-fade-in;position:absolute;inset:0;overflow:hidden}.project-video iframe{border:0;width:100%;height:100%;display:block}@keyframes video-fade-in{0%{opacity:0}to{opacity:1}}#contact{padding:0 24px 96px}@media (width<=1024px){#contact{padding:0 20px 56px}}.contact-card{text-align:center;background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;max-width:640px;margin:0 auto;padding:56px 40px;box-shadow:0 0 50px -15px #f7931a26}@media (width<=1024px){.contact-card{padding:40px 24px}}.contact-card h2{font-size:30px}@media (width<=1024px){.contact-card h2{font-size:24px}}.contact-card p{color:var(--text);margin-top:12px}.contact-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}footer{border-top:1px solid var(--border);text-align:center;margin-top:auto;padding:24px}footer p{font-family:var(--mono);color:var(--text);letter-spacing:.4px;font-size:12.5px}