:root{--hero-bg:#ffffff;--hero-bg-grad:radial-gradient(ellipse 80% 50% at 50% -20%,hsl(215,100%,92%),hsl(260,100%,94%) 40%,hsl(330,100%,96%) 65%,transparent 80%),radial-gradient(circle at 10% 20%,rgba(59,130,246,0.12),transparent 55%),radial-gradient(circle at 90% 30%,rgba(236,72,153,0.10),transparent 55%);--hero-text-muted:rgba(0,0,0,0.6);--hero-texture-dot:rgba(15,23,42,0.08);--hero-blob-bg:radial-gradient(circle at 30% 30%,rgba(59,130,246,0.18),rgba(109,76,246,0.14),rgba(236,72,153,0.10));--hero-cta-grad:linear-gradient(90deg,rgba(59,130,246,0.95),rgba(109,76,246,0.95),rgba(236,72,153,0.95));--hero-cta-shadow:0 12px 30px rgba(109,76,246,0.18);--hero-card-bg:rgba(255,255,255,0.45);--hero-card-border:rgba(15,23,42,0.08);--hero-card-shadow:0 6px 20px rgba(15,23,42,0.06);--hero-pill-border:rgba(109,76,246,0.18);--hero-pill-bg:linear-gradient(90deg,rgba(59,130,246,0.10),rgba(109,76,246,0.10),rgba(236,72,153,0.10));--hero-pill-hover-shadow:0 6px 18px rgba(109,76,246,0.18)}html[data-theme=dark]{--hero-bg:#0b0f17;--hero-bg-grad:radial-gradient(ellipse 80% 50% at 50% -20%,hsl(215 55% 18%),hsl(260 50% 12%) 40%,hsl(330 45% 12%) 65%,transparent 80%),radial-gradient(circle at 10% 20%,rgba(59,130,246,0.18),transparent 55%),radial-gradient(circle at 90% 30%,rgba(236,72,153,0.16),transparent 55%);--hero-text-muted:rgba(226,232,240,0.70);--hero-texture-dot:rgba(226,232,240,0.06);--hero-blob-bg:radial-gradient(circle at 30% 30%,rgba(59,130,246,0.22),rgba(109,76,246,0.18),rgba(236,72,153,0.14));--hero-cta-shadow:0 14px 36px rgba(2,6,23,0.45);--hero-card-bg:rgba(15,23,42,0.55);--hero-card-border:rgba(148,163,184,0.16);--hero-card-shadow:0 10px 30px rgba(2,6,23,0.45);--hero-pill-border:rgba(148,163,184,0.18);--hero-pill-hover-shadow:0 10px 26px rgba(2,6,23,0.45)}.heroBox{width:100%;min-height:100vh;position:relative;overflow:hidden;scroll-margin-top:96px;background:var(--hero-bg);background-image:var(--hero-bg-grad)}.heroTextureOverlay{inset:0;opacity:.35;background-image:radial-gradient(var(--hero-texture-dot) 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,black 60%,transparent 100%)}.heroBlob,.heroTextureOverlay{position:absolute;pointer-events:none;z-index:0}.heroBlob{top:55%;left:50%;width:280px;height:280px;border-radius:50%;background:var(--hero-blob-bg);filter:blur(90px);transform:translate(-50%);animation:blobMove 12s ease-in-out infinite}@media (min-width:600px){.heroBlob{width:360px;height:360px}}@keyframes blobMove{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-18px) scale(1.08)}to{transform:translate(-50%) scale(1)}}.heroContainer{position:relative;z-index:1;padding-top:112px;padding-bottom:64px;display:flex;justify-content:center}@media (min-width:600px){.heroContainer{padding-top:160px;padding-bottom:96px}}.heroContent{max-width:820px;gap:32px}.heroOverline{letter-spacing:2px;color:var(--hero-text-muted)}.heroTitle{font-size:clamp(3rem,10vw,3.6rem);line-height:1.1}.heroTitleGradient{background:linear-gradient(90deg,#3b82f6,#6d4cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.heroRole{text-transform:uppercase;letter-spacing:2px;font-weight:600}.heroDescription{color:var(--hero-text-muted);max-width:700px}.heroCtaRow{gap:16px}.heroCtaButton.MuiButton-root{padding-left:24px;padding-right:24px;border-radius:999px;background:var(--hero-cta-grad);box-shadow:var(--hero-cta-shadow);text-transform:none;font-weight:700}.heroCtaButton.MuiButton-root:hover{filter:brightness(1.02)}.techCard{margin-top:16px;width:100%;max-width:520px;padding:24px;border-radius:16px;border:1px solid var(--hero-card-border);background:var(--hero-card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--hero-card-shadow)}.techCardTitle{letter-spacing:2px;color:var(--hero-text-muted)}.techPills{margin-top:8px;flex-wrap:wrap;gap:8px}.techPill{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--hero-pill-border);background:var(--hero-pill-bg);transition:transform .15s ease,box-shadow .15s ease}.techPill:hover{transform:translateY(-1px);box-shadow:var(--hero-pill-hover-shadow)}.techPillText{font-size:13px;line-height:1}.heroArrowWrap{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center}@media (min-width:600px){.heroArrowWrap{bottom:24px}}.heroArrowButton{animation:bounceSoft 2.2s ease-in-out infinite}@keyframes bounceSoft{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(10px);opacity:1}}