:root{--bg: #09111d;--bg-soft: rgba(14, 28, 45, .82);--panel: rgba(12, 23, 39, .92);--panel-strong: rgba(9, 18, 30, .98);--line: rgba(164, 196, 222, .18);--text: #eef5ff;--muted: #aec3d8;--accent: #8df0c8;--accent-strong: #f8b84e;--shadow: 0 30px 80px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(141,240,200,.18),transparent 28%),radial-gradient(circle at 85% 15%,rgba(248,184,78,.15),transparent 26%),radial-gradient(circle at 75% 75%,rgba(91,156,255,.14),transparent 24%),linear-gradient(160deg,#050a12,#09111d,#071018)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at center,black 55%,transparent 95%);mask-image:radial-gradient(circle at center,black 55%,transparent 95%)}#root{min-height:100vh}.page-shell{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:4rem}.brand,.nav-links a,.project-link{color:var(--text);text-decoration:none}.brand{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;font-family:Space Grotesk,sans-serif;font-weight:700}.nav-links{display:flex;gap:1.25rem;flex-wrap:wrap}.nav-links a{color:var(--muted);transition:color .18s ease}.nav-links a:hover,.project-link:hover,.hero-card a:hover{color:var(--accent)}.hero{padding:1rem 0 1.5rem}.hero-grid{display:grid;grid-template-columns:1.6fr .95fr;gap:2rem;align-items:stretch}.hero-copy,.hero-card,.project-card,.skill-card,.contact{border:1px solid var(--line);background:linear-gradient(180deg,var(--bg-soft),var(--panel-strong));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-copy{padding:2.25rem;border-radius:2rem}.eyebrow,.section-kicker,.stat-label,.project-badge{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem}.eyebrow,.section-kicker,.stat-label{color:var(--accent)}h1,h2,h3{margin:0;font-family:Space Grotesk,sans-serif;line-height:1.02}h1{margin-top:.7rem;font-size:clamp(3rem,8vw,5.9rem);max-width:9ch}.hero-text,.about-grid p,.project-summary,.project-points,.skill-card p,.contact p{color:var(--muted);line-height:1.72}.hero-text{max-width:62ch;margin:1.4rem 0 0;font-size:1.05rem}.hero-actions,.contact-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.75rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.85rem 1.35rem;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{color:#051014;background:linear-gradient(135deg,var(--accent),#d8fff0)}.button.secondary{color:var(--text);border-color:var(--line);background:#ffffff0a}.hero-card{padding:1.8rem;border-radius:1.6rem;display:grid;gap:1.15rem}.stat-block{padding-bottom:1rem;border-bottom:1px solid var(--line)}.stat-block:last-child{padding-bottom:0;border-bottom:0}.stat-block strong,.stat-block a{display:block;margin-top:.35rem;color:var(--text);text-decoration:none;font-size:1.05rem}.section{margin-top:4.25rem}.section-heading{margin-bottom:1.5rem}.section-heading h2{margin-top:.55rem;font-size:clamp(2rem,4vw,3rem);max-width:12ch}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.project-list{display:grid;gap:1.25rem}.project-card{padding:1.6rem;border-radius:1.5rem}.project-card.feature{background:radial-gradient(circle at top right,rgba(141,240,200,.12),transparent 22%),linear-gradient(180deg,#0c1c27f0,#09121efa)}.project-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.project-badge{color:#071018;background:var(--accent-strong);border-radius:999px;padding:.45rem .7rem}.project-card h3{font-size:1.55rem}.stack{margin:.65rem 0 0;color:var(--accent);font-weight:600}.project-summary{margin-top:1rem}.project-points{margin:1rem 0 0;padding-left:1.1rem}.project-points.compact{margin-top:1rem}.project-points li+li{margin-top:.65rem}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.skill-card{padding:1.35rem;border-radius:1.35rem}.skill-card h3{font-size:1.1rem}.skill-card p{margin:.7rem 0 0}.contact{padding:1.9rem;border-radius:1.7rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}@media (max-width: 900px){.hero-grid,.about-grid,.skills-grid{grid-template-columns:1fr}.page-shell{width:min(100% - 1rem,1120px)}.hero-copy,.hero-card,.project-card,.contact{padding:1.35rem}}@media (max-width: 640px){.topbar{margin-bottom:2.5rem}.nav-links{gap:.85rem;font-size:.94rem}h1{font-size:2.8rem}.section{margin-top:3.2rem}}