@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-500.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/space-grotesk-600.woff2) format("woff2")}.section{padding:6rem 0}.section-heading{text-align:center;margin-bottom:3rem}.section-heading h2{font-family:Space Grotesk,Space Grotesk Fallback,system-ui,sans-serif;font-size:clamp(2.5rem,3vw,3.5rem)}.section-heading p{max-width:720px;margin:1rem auto 0;color:var(--text-muted)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.work-card{cursor:pointer}.work-card:hover{transform:translateY(-6px) rotate(-.1deg);border-color:var(--accent)}.feature-tag{display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:999px;background:#67e8f91f;color:var(--accent);font-size:.82rem;letter-spacing:.08em;margin-bottom:1rem;text-transform:uppercase;font-weight:700;transition:transform .3s ease,background-color .3s ease}.feature-tag:hover{transform:translateY(-1px);background:#67e8f92e}.work-showcase{margin-top:2rem;display:grid;place-items:center}.showcase-card{width:min(800px,100%);padding:2rem;border-radius:var(--radius);background:linear-gradient(180deg,#0f172af2,#020617e5);border:1px solid rgb(103 232 249 / 12%);box-shadow:0 30px 90px #0000002e;animation:float-slow 8s ease-in-out infinite;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;cursor:pointer}.light-mode .showcase-card{background:#fff;border-color:#0f172a1a}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 40px 100px #00000040}.showcase-card.highlight{transform:translateY(-5px);box-shadow:0 42px 120px #67e8f938;border-color:#67e8f938}.showcase-runner{display:grid;gap:1rem}.showcase-runner-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.showcase-status{color:var(--text);font-size:.95rem;opacity:.8}.showcase-output{margin-top:1.5rem;padding:1.4rem 1.2rem;border-radius:20px;background:#67e8f914;border:1px solid rgb(103 232 249 / 16%);color:#eaf7ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.98rem;min-height:3.4rem;display:grid;place-items:center;text-align:center;letter-spacing:.01em;transition:background-color .3s ease,transform .3s ease}.light-mode .showcase-output{background:#f1f5f9;border-color:#0ea5e933;color:#0f172a}.showcase-output.active{background:#67e8f92e;transform:translateY(-2px)}.showcase-card pre{margin:0;padding:1.4rem 1.2rem;border-radius:20px;background:#070b16f2;border:1px solid rgb(103 232 249 / 12%);overflow-x:auto}.light-mode .showcase-card pre{background:#f1f5f9;border-color:#0f172a1a}.showcase-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#d8f7ff;font-size:.95rem;display:block;white-space:pre}.light-mode .showcase-card code{color:#0f172a}.showcase-card p{margin-top:1rem;color:var(--text-muted)}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.showcase-label{display:inline-flex;padding:.55rem 1rem;border-radius:999px;background:#67e8f91f;color:var(--accent);font-size:.9rem;letter-spacing:.08em;margin:0 auto 1rem;text-transform:uppercase}.hero-image .hero-sparkle-canvas{position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:20px}.card{background:var(--surface);border:1px solid rgb(103 232 249 / 8%);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);transition:transform .3s ease,border-color .3s ease;position:relative;overflow:hidden}.light-mode .card{background:#fff;border-color:#0f172a14}.card:hover,.card:focus-within{transform:translateY(-6px) rotate(-.1deg);border-color:#67e8f92e}.card:after{content:"";position:absolute;width:180px;height:180px;background:radial-gradient(circle,rgb(103 232 249 / 14%),transparent 62%);top:-40px;right:-40px;pointer-events:none}.card h3{margin-bottom:.85rem;font-size:1.35rem}.card p{color:var(--text-muted)}.badge{display:inline-flex;padding:.65rem 1rem;border-radius:999px;background:#67e8f914;color:var(--accent);font-size:.95rem;margin-top:1rem}.light-mode .badge{background:#0ea5e91a;color:var(--accent)}.grid-two{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}.grid-two>div:first-child{display:grid;gap:2.2rem}.skills-visual{display:grid;gap:1.1rem}.skill{width:100%}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.95rem}.skill-level{font-weight:600;color:var(--accent)}.skill-bar{height:8px;background:#67e8f926;border-radius:999px;overflow:hidden}.light-mode .skill-bar{background:#0ea5e926}.skill-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-alt));border-radius:999px;transition:width 1.2s cubic-bezier(.34,1.56,.64,1);width:var(--skill-progress, 0%)}.footer{padding:3rem 0;text-align:center;color:#e2e8f0b3}.light-mode .footer{color:#64748b}.footer strong{color:var(--accent)}.showcase-chip{display:inline-flex;padding:.35rem .75rem;border-radius:999px;background:#67e8f91a;color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}@media(width<=980px){.grid-two{grid-template-columns:1fr}}@media(width<=720px){.cards{grid-template-columns:1fr}.showcase-label{font-size:.7rem;padding:.3rem .6rem;margin:0 auto .5rem}.showcase-card{padding:1rem;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button:focus-visible,a:focus-visible,.card:focus-within,.work-card:focus-within,.showcase-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.light-mode button:focus-visible,.light-mode a:focus-visible{outline-color:var(--accent-strong)}.light-mode .showcase-card pre,.light-mode .showcase-card code{background:#f1f5f9;color:#0f172a;border-color:#0f172a1a}