.hero-section{position:relative;height:calc(100vh - var(--header-header-height));display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary) center/cover no-repeat fixed url(/assets/static/Hero_background_dark.C7TiG2e7.webp);box-shadow:var(--hero-section-box-shadow);border-bottom:.4vh solid var(--color-primary)}.light .hero-section{background-image:url(/assets/static/Hero_background_light.BZiYJDIB.webp)}.hero-section:before{content:"";position:absolute;inset:0;background:#0003;pointer-events:none;z-index:1}.hero-container{position:relative;z-index:1;padding:calc(var(--padding-hero) * 1.2) var(--padding-hero);max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.hero-title{margin:0;font-size:var(--font-size-title);line-height:var(--line-height-tight);font-family:var(--font-family-display);color:var(--color-primary);text-shadow:var(--text-shadow-lg);font-weight:var(--font-weight-normal)}.hero-subtitle{margin:0;font-size:var(--font-size-subtitle);line-height:var(--line-height-normal);font-family:var(--font-family-display);color:var(--color-subtitle-primary);text-shadow:var(--text-shadow-md)}.hero-version{display:inline-block;margin:.5rem 0 0;font-size:var(--font-size-lg);font-family:var(--font-family-base);color:var(--color-secondary);background-color:#0009;padding:.5rem 2rem;border-radius:.375rem;backdrop-filter:blur(4px)}.hero-version span{font-weight:var(--font-weight-bold);color:var(--color-primary)}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;margin-top:var(--space-lg)}.hero-button{font-family:var(--font-family-display);font-size:var(--font-size-button-md);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);text-align:center;border:4px solid transparent;min-height:48px}.hero-button-ip{min-width:312px;background-color:var(--color-primary);color:var(--color-text-inverted)}.hero-button-ip:hover{transform:scale(1.1);background-color:#0009;color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary),var(--shadow-md)}.hero-button-discord{background-color:var(--color-discord);color:var(--color-text-inverted)}.hero-button-discord:hover{transform:scale(1.1);background-color:#0009;color:var(--color-discord);box-shadow:0 0 0 3px var(--color-discord),var(--shadow-md)}