.hero{color:#fff;background:radial-gradient(circle at 78% 58%, transparent 20%),linear-gradient(90deg, #000000f5 0%, #000000c7 45%, #00000070 100%),var(--hero-image) center right/cover no-repeat;min-height:100dvh;margin-top:-88px;padding:120px 0 48px;position:relative;overflow:hidden}@media (max-width:720px){.hero{background-position:50%,50%,65%}}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#000000eb 100%);height:28%;position:absolute;inset:auto 0 0}.hero .heroInner{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:24px;min-height:calc(100dvh - 120px);margin:0 auto;display:grid;position:relative}.hero .heroContent{flex-direction:column;align-items:flex-start;max-width:760px;display:flex}.hero .heroLabel{font-family:var(--font-inter),"Inter",system-ui,sans-serif;letter-spacing:.34em;text-transform:uppercase;color:#d9ff00;align-items:center;gap:14px;margin-bottom:16px;font-size:clamp(11px,1vw,13px);font-weight:700;display:inline-flex}.hero .heroLabel .heroLabelLine{background-color:#d9ff00;width:36px;height:2px;box-shadow:0 0 18px #d9ff00e6}.hero .heroTitle{font-family:var(--font-bebas-neue),"Bebas Neue","Oswald","Arial Narrow",var(--font-inter),system-ui,sans-serif;letter-spacing:-.03em;text-transform:uppercase;flex-direction:column;align-items:flex-start;margin:0;font-size:clamp(74px,8vw,160px);font-weight:400;line-height:.88;display:flex}.hero .heroTitle b{color:#d9ff00;text-shadow:0 0 26px #d9ff00b8;font-weight:400}.hero .heroDescription{max-width:460px;font-family:var(--font-inter),"Inter",system-ui,sans-serif;color:#ffffffbd;margin:20px 0 0;font-size:clamp(16px,1.4vw,21px);line-height:1.5}.hero .heroButtons{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.hero .heroButtons .primaryButton,.hero .heroButtons .secondaryButton{min-height:56px;font-family:var(--font-inter),"Inter",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;padding:0 28px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .25s,background-color .25s,color .25s,border-color .25s,box-shadow .25s;display:inline-flex}.hero .heroButtons .primaryButton:hover,.hero .heroButtons .secondaryButton:hover{transform:translateY(-2px)}.hero .heroButtons .primaryButton{color:#070707;background-color:#d9ff00;border-color:#d9ff00;box-shadow:0 0 22px #d9ff0061}.hero .heroButtons .primaryButton:hover{background-color:#efff70;border-color:#efff70}.hero .heroButtons .secondaryButton{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0f0f0f73}.hero .heroButtons .secondaryButton:hover{color:#d9ff00;border-color:#d9ff0099}.hero .heroPagination{align-items:center;gap:18px;margin-top:34px;display:flex}.hero .heroPagination .heroPaginationBars{align-items:center;gap:10px;display:flex}.hero .heroPagination .heroPaginationBar{cursor:pointer;background-color:#ffffff40;border:0;width:28px;height:3px;padding:0;transition:width .25s,background-color .25s,box-shadow .25s}.hero .heroPagination .heroPaginationBar.isActive{background-color:#d9ff00;width:38px;box-shadow:0 0 16px #d9ff00b8}.hero .heroPagination .heroPaginationCounter{font-family:var(--font-inter),"Inter",system-ui,sans-serif;letter-spacing:.18em;color:#ffffffad;font-size:13px;font-weight:500}.hero .heroMedia{min-height:100%;position:relative}.hero .heroMediaGlow{filter:blur(6px);opacity:.95;background:linear-gradient(90deg,#00a3ff1a 0%,#0b77fff2 44%,#86d5ff80 100%);border-radius:999px;height:12px;position:absolute;inset:auto 8% 8% -6%}.hero .heroMediaImage{background:var(--hero-image) center center/contain no-repeat;filter:drop-shadow(0 34px 60px #000000c7);min-height:680px;transform:scale(1.08)translate(4%)}@media (max-width:1080px){.hero{margin-top:0;padding-top:56px}.hero .heroInner{grid-template-columns:1fr;gap:4px;width:min(100% - 32px,860px);min-height:auto}.hero .heroContent{max-width:100%}.hero .heroMedia{order:-1}.hero .heroMediaImage{background-position:top;min-height:420px;transform:none}}@media (max-width:720px){.hero{min-height:auto;padding:32px 0 36px}.hero .heroLabel{letter-spacing:.2em}.hero .heroDescription{max-width:100%;font-size:16px}.hero .heroButtons,.hero .heroButtons .primaryButton,.hero .heroButtons .secondaryButton{width:100%}.hero .heroPagination{gap:14px}.hero .heroMediaImage{background-size:cover;min-height:300px}}
