:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111f;--bg-deep:#030712;--panel:#0a1526d1;--panel-strong:#0b1a2ef2;--line:#94a3b82e;--text:#e5eef8;--muted:#9fb3c8;--accent:#22d3ee;--accent-2:#f97316;--shadow:0 24px 70px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at top,#22d3ee1f,#0000 28%),linear-gradient(#08111f 0%,#030712 100%);margin:0;font-family:Trebuchet MS,Gill Sans,Lucida Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}#root{min-height:100vh}.page-shell{min-height:100vh;position:relative;overflow:hidden}.background-orb{filter:blur(40px);opacity:.22;pointer-events:none;border-radius:999px;width:28rem;height:28rem;position:fixed}.orb-one{background:#22d3ee;top:-8rem;right:-4rem}.orb-two{background:#f97316;bottom:8rem;left:-8rem}.background-grid{pointer-events:none;background-image:linear-gradient(#94a3b80f 1px,#0000 1px),linear-gradient(90deg,#94a3b80f 1px,#0000 1px);background-size:80px 80px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 90%);mask-image:linear-gradient(#000000e6,#0000 90%)}.section{width:min(1120px,100% - 2rem);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#040c16e0;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem max(1rem,50% - 560px);display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:.9rem;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #2563eb);color:#03111f;border-radius:1rem;place-items:center;width:3rem;height:3rem;font-weight:800;display:grid}.brand-copy{gap:.15rem;display:grid}.brand-copy strong,.hero h1,.section-heading h2,.feature-card h3,.project-card h3,.skill-card h3,.timeline-content h3,.game-copy h3{font-family:Georgia,Times New Roman,serif}.brand-copy small{color:var(--muted)}.site-nav{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:1rem;display:flex}.site-nav a:hover,.contact-links a:hover{color:#fff}.section{padding:3.5rem 0;position:relative}.hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);align-items:center;gap:2rem;min-height:calc(100vh - 7rem);padding-top:6.5rem;display:grid}.eyebrow,.project-topline{letter-spacing:.12em;text-transform:uppercase;color:#7dd3fc;align-items:center;gap:.4rem;font-size:.82rem;display:inline-flex}.hero h1{margin:.7rem 0 1rem;font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:1.02}.hero-text,.feature-card p,.project-card p,.timeline-content p,.contact-card p,.game-copy p{color:var(--muted);line-height:1.7}.hero-text{max-width:42rem;font-size:1rem}.hero-actions,.contact-links,.tag-row{flex-wrap:wrap;gap:.85rem;display:flex}.hero-actions{margin-top:1.2rem}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:2.85rem;padding:.8rem 1.2rem;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg, var(--accent), #2563eb);color:#04111f;font-weight:700}.button-secondary,.button-ghost{background:#0814248c;border-color:#7dd3fc40}.hero-card,.feature-card,.project-card,.skill-card,.contact-card,.game-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.hero-card{border-radius:1.8rem;padding:1.15rem}.status-pill{color:#c8f5ff;background:#22d3ee14;border-radius:999px;align-items:center;gap:.65rem;margin-bottom:1rem;padding:.7rem .9rem;font-size:.95rem;display:inline-flex}.status-dot{background:#4ade80;border-radius:999px;width:.7rem;height:.7rem;box-shadow:0 0 18px #4ade80e6}.hero-panel{border-top:1px solid var(--line);padding:.8rem 0}.hero-panel:first-of-type{border-top:0}.hero-panel p{color:#7dd3fc;margin:0 0 .45rem}.hero-panel strong{line-height:1.5}.stats-band,.feature-grid,.project-grid,.skills-grid{gap:1rem;display:grid}.stats-band{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{border:1px solid var(--line);background:#071220b8;border-radius:1.4rem;padding:1.25rem}.stat-card strong{color:#fff;margin-bottom:.35rem;font-size:2rem;display:block}.stat-card span{color:var(--muted);line-height:1.5}.section-heading{max-width:42rem;margin-bottom:1.4rem}.section-heading h2{margin:.5rem 0 0;font-size:clamp(2rem,4vw,3.2rem)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.project-card,.skill-card,.contact-card{border-radius:1.5rem;padding:1.4rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card strong{color:#fff7ed;margin:1rem 0 1.1rem;line-height:1.6;display:block}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tag{color:#ffe9da;background:#f9731621;border:1px solid #f9731640;border-radius:999px;padding:.55rem .8rem;font-size:.95rem}.tag-soft{color:#dff9ff;background:#22d3ee1a;border-color:#22d3ee33}.timeline{gap:1rem;display:grid;position:relative}.timeline:before{content:"";background:#7dd3fc40;width:1px;position:absolute;top:.4rem;bottom:.4rem;left:.46rem}.timeline-item{grid-template-columns:2rem minmax(0,1fr);gap:1rem;display:grid;position:relative}.timeline-dot{background:var(--bg);border:2px solid #7dd3fcb3;border-radius:999px;width:1rem;height:1rem;margin-top:.6rem}.timeline-content{padding:.2rem 0 1rem}.timeline-header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.timeline-header span,.timeline-company{color:#7dd3fc}.game-shell{display:block}.game-panel{border-radius:1.7rem;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:1.5rem;padding:1.4rem;display:grid}.game-stats{gap:1rem;margin:1.2rem 0;display:flex}.game-stats div{border:1px solid var(--line);background:#06111fd1;border-radius:1rem;min-width:8rem;padding:.9rem 1rem}.game-stats span{color:var(--muted);margin-bottom:.35rem;font-size:.92rem;display:block}.game-stats strong{font-size:1.5rem}.game-board{width:min(100%,420px);margin-inline:auto;position:relative}.game-canvas{border:1px solid #7dd3fc33;border-radius:1.5rem;width:100%;height:auto;display:block;box-shadow:inset 0 0 0 1px #ffffff0a}.game-overlay{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030a1285;border-radius:1.5rem;place-content:center;gap:.6rem;padding:1.25rem;display:grid;position:absolute;inset:0}.game-overlay strong{font-size:1.4rem}.game-overlay span{color:#d6e7f5;line-height:1.6}.contact-section{padding-bottom:5rem}.contact-card{max-width:48rem}.contact-links{color:#d6e7f5;margin-top:1.2rem}@media (width<=980px){.hero,.game-panel,.feature-grid,.project-grid,.skills-grid,.stats-band{grid-template-columns:1fr}.site-header,.timeline-header{align-items:flex-start}.site-header{flex-direction:column;padding:1rem}.site-nav{justify-content:flex-start}}@media (width<=640px){.section{padding:2.6rem 0}.hero{min-height:auto;padding-top:.5rem}.hero h1{font-size:2rem}.timeline-item{grid-template-columns:1.5rem minmax(0,1fr)}.button,.site-nav,.contact-links{width:100%}.site-nav{gap:.7rem}}