@font-face{font-family:GoodTimingRg-Bold;src:url(/fonts/GoodTimingRg-Bold.otf)format("opentype");font-weight:700;font-style:normal}:root{--bg:#02040a;--bg-elevated:#030512;--bg-soft:#060b18;--accent:#19d3c5;--accent-strong:#0aa6a8;--accent-soft:#19d3c524;--accent-green:#7ee000;--accent-green-soft:#7ee00024;--accent-2:#42c900;--text-main:#e7fdfc;--text-muted:#8eb2b0;--border-subtle:#19d3c538;--border-strong:#0f172af2;--grid-line:#94a3b817;--chip-border:#94a3b84d;--border-mid:#94a3b866;--border-mid-strong:#94a3b873;--border-mid-stronger:#94a3b899;--border-mid-strongest:#94a3b8b3;--shadow-soft:0 18px 60px #051420e0;--shadow-glow:0 0 40px #19d3c559}*,:before,:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}html,body,#root{background-color:var(--bg);height:100%;margin:0;padding:0}body{font-optical-sizing:auto;font-variation-settings:"wdth" 100;background:radial-gradient(circle at top,var(--bg-soft)0,var(--bg)55%,var(--bg)100%);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-style:normal;font-weight:400}img{-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none}a{color:inherit;text-decoration:none}.good-timing{font-family:GoodTimingRg-Bold,Arial,sans-serif}.icon{width:1.2em;height:1.2em}.app-root{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:1.5rem clamp(1.5rem,4vw,3.5rem) 3.5rem}.card{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:radial-gradient(circle at top left,var(--bg-soft)0,var(--bg-soft)55%);box-shadow:var(--shadow-soft);flex-direction:column;padding:1.6rem 1.7rem;display:flex;position:relative;overflow:hidden}.card-header{letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem}.card-title{margin-bottom:.1rem;font-size:1.4rem;font-weight:600}.card-subtitle{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.hero-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1.25fr);align-items:stretch;gap:1.6rem;display:grid}.hero-title{letter-spacing:.04em;text-transform:uppercase;margin-bottom:.6rem;font-size:clamp(2.3rem,4.4vw,3rem);font-weight:700}.gradient-text{background:linear-gradient(120deg,var(--accent)0%,var(--accent-green)60%,var(--accent-2)100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-kicker{border:1px solid var(--accent-strong);background:var(--bg-elevated);box-shadow:0 0 0 1px var(--bg-soft);text-transform:uppercase;letter-spacing:.2em;color:var(--accent);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:.9rem;padding:.3rem .7rem;font-size:.72rem;display:inline-flex}.hero-description{color:var(--text-muted);max-width:34rem;margin-bottom:1.3rem;font-size:.95rem;line-height:1.7}.hero-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem;display:flex}.tag{border:1px solid var(--chip-border);background:var(--bg-elevated);color:var(--text-muted);border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:500}.tag-accent{border-color:var(--border-mid-strongest);background:var(--bg-elevated);color:var(--text-main)}.hero-actions{flex-wrap:wrap;gap:.7rem;display:flex}.btn-primary,.btn-ghost{cursor:pointer;color:inherit;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.6rem 1.15rem;font-size:.85rem;font-weight:600;transition:filter .18s,border-color .18s,box-shadow .18s;display:inline-flex}.btn-primary{background:radial-gradient(circle at 0 0,var(--accent),var(--bg-soft));border-color:var(--accent);box-shadow:0 0 28px #19d3c559}.btn-primary:hover{filter:brightness(1.12)}.btn-ghost{border-color:var(--border-mid-stronger);background:var(--bg-elevated)}.btn-ghost:hover{border-color:var(--accent)}.hero-right{border-radius:var(--radius-xl);border:1px solid var(--chip-border);background:radial-gradient(circle at top left,var(--bg-soft)0,var(--bg-soft)55%);box-shadow:var(--shadow-soft);padding:1.5rem 1.4rem;position:relative;overflow:hidden}.hero-orbit{border:1px dashed var(--chip-border);filter:drop-shadow(0 0 30px var(--accent-soft));border-radius:999px;position:absolute;inset:-25%}.hero-orbit-inner{border:1px dashed var(--accent);border-radius:999px;position:absolute;inset:12%}.hero-orbit-dot{background:var(--accent);width:10px;height:10px;box-shadow:var(--shadow-glow);border-radius:999px;position:absolute;top:16%;right:14%}.hero-orbit-dot:after{content:"";border-radius:inherit;border:1px solid var(--accent);opacity:.6;position:absolute;inset:-8px}.section{margin-top:2.5rem}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.section-kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--text-muted);font-size:.75rem}.section-title{font-size:1.2rem;font-weight:600}.section-sub{color:var(--text-muted);font-size:.85rem}.projects-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr);gap:1.1rem;display:grid}.project-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:radial-gradient(circle at top,var(--bg-soft)0,var(--bg-soft)50%);cursor:pointer;flex-direction:column;gap:.45rem;padding:1.1rem 1.15rem 1.15rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative}.project-card:hover{box-shadow:var(--shadow-glow);border-color:var(--accent);transform:translateY(-3px)}.project-pill{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.65rem}.project-title{font-size:1rem;font-weight:600}.project-desc{color:var(--text-muted);font-size:.82rem;line-height:1.6}.project-meta-row{justify-content:space-between;align-items:center;gap:.7rem;margin-top:.35rem;display:flex}.project-tech{color:var(--text-muted);flex-wrap:wrap;gap:.4rem;font-size:.7rem;display:flex}@media (max-width:880px){.hero-layout{grid-template-columns:minmax(0,1fr)}.hero-right{min-height:240px}.projects-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.app-main{padding-inline:1.1rem}}.app-bar-header{z-index:2;background:radial-gradient(circle at top left,var(--bg-soft)0,var(--bg-soft)55%);border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;width:100%;display:flex;position:sticky;top:0}.app-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex:1;justify-content:space-between;align-items:center;gap:1rem;max-width:1124px;margin:0 auto;padding:1.2rem clamp(1.5rem,4vw,3.5rem) .6rem;display:flex;position:sticky}.app-bar-logo-section{align-items:center;gap:.8rem;display:flex}.app-bar-logo{width:42px;height:42px;box-shadow:var(--shadow-glow);border-radius:12px}.app-bar-title{flex-direction:column;font-style:normal;display:flex}.app-bar-title-main{letter-spacing:.22em;text-transform:uppercase;color:var(--text-main);font-size:.95rem;font-weight:700}.app-bar-title-sub{color:var(--text-muted);font-size:.75rem}.app-bar-links{align-items:center;gap:1.3rem;font-size:.9rem;display:flex}.app-bar-link{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding-bottom:.2rem;font-weight:600;transition:all .3s;position:relative}.app-bar-link-active{color:var(--text-main)}.app-bar-link-active:after,.app-bar-link:hover:after{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;width:100%;height:2px;position:absolute;bottom:-.15rem;left:0}.app-bar-cta{border:1px solid var(--border-mid);background:radial-gradient(circle at 0 0,var(--accent-soft),var(--bg-soft));cursor:pointer;box-shadow:0 0 0 1px var(--bg-soft),var(--shadow-glow);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.8rem;font-weight:600;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.app-bar-cta-active,.app-bar-cta:hover{box-shadow:var(--shadow-glow);border-color:var(--accent);transform:translateY(-1px)}@media (max-width:880px){.app-bar{flex-wrap:wrap;row-gap:.7rem}.app-bar-links{flex:1;justify-content:flex-end}}@media (max-width:640px){.app-bar{flex-direction:column;align-items:flex-start}.app-bar-links{justify-content:space-between;width:100%}}.footer{max-width:1160px;color:var(--text-subtle);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.6rem;margin:0 auto;padding:1.3rem clamp(1.5rem,4vw,3.5rem) 1.5rem;font-size:.75rem;display:flex}.footer-logo{width:24px;height:24px}