.hero-section{position:relative;height:calc(100vh - var(--header-header-height));display:flex;align-items:center;justify-content:center;background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-image:url(/assets/static/Hero_background_dark.C7TiG2e7.webp);background-color:var(--color-bg-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:4}.hero-container{position:relative;z-index:5;padding:calc(var(--padding-hero) * 1.2) var(--padding-hero);width:100%;max-width:1200px;box-sizing:border-box;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;align-self:center;margin: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{position:relative;z-index:5;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)}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.icon-check{color:var(--color-primary, #1d4ed8);opacity:0;animation:checkBounce .5s ease-out .1s forwards}@keyframes checkBounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.popup-text{margin-top:.5rem;font-family:var(--font-family-base, sans-serif);font-size:1rem;color:var(--color-text-primary, #111111);text-align:center}.popup-close-btn{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;color:var(--color-text-muted, #555555);transition:transform .2s ease,color .2s ease}.popup-close-btn:hover{color:var(--color-primary, #1d4ed8);transform:rotate(90deg)}