.hero-wrapper{text-align:left;flex-direction:column;justify-content:center;width:100%;min-height:100vh;margin-top:0;transition:justify-content .5s,padding-top .5s;display:flex;position:relative;overflow:hidden}.home-bg-img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0}.hero-content{z-index:1;text-align:center;width:100%;max-width:700px;padding:.5rem;animation:1s ease-in-out fadeInUp;position:relative}.hero-content h1{color:var(--color-primary);margin-bottom:1rem;font-size:28px;font-weight:500;line-height:1.3}.icon-buttons-grid{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.icon-button{background-color:var(--color-bg);color:var(--color-blue);text-align:center;cursor:pointer;border:2px solid transparent;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:90px;padding:25px 30px;transition:all .3s;display:flex;box-shadow:0 4px 8px rgba(0,0,0,.15)}#track-button{background-color:var(--color-yellow);color:var(--color-blue);transition:all .3s}#track-button.inactive{color:var(--color-blue);background-color:#fff}.icon-button.active,.icon-button:hover{background-color:var(--color-yellow);color:var(--color-primary);transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.icon-button__icon{color:var(--color-blue);margin-bottom:10px;font-size:4rem}.icon-button__text{font-weight:600;font-size:var(--font-text);color:var(--color-blue)}.icon-button-wrapper{display:inline-block;position:relative}.payment-options{background-color:var(--color-bg);z-index:1000;border-radius:10px;flex-direction:column;min-width:160px;padding:10px 0;animation:.3s ease-in-out fadeIn;display:flex;position:absolute;top:110%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px rgba(0,0,0,.15)}.payment-options button{text-align:left;width:100%;color:var(--color-blue);cursor:pointer;background:0 0;border:none;padding:10px 20px;font-weight:600;transition:background-color .2s}.payment-options button:hover{background-color:var(--color-yellow);color:#000}.track-form-wrapper{z-index:10;width:90%;max-width:700px;margin:0 auto;animation:.25s ease-in-out formFadeIn;position:absolute;bottom:40px;left:0;right:0}@keyframes formFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-content{max-width:90%}}@media (max-width:768px){.hero-wrapper{background-size:cover;justify-content:flex-start;align-items:center;min-height:100vh;padding:80px 1rem 260px}.hero-content{max-width:100%;margin-top:5rem;padding:.5rem}.hero-content h1{font-size:1.4rem}.icon-buttons-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:320px;margin:1rem auto 0;display:grid}.icon-button{width:auto;padding:18px 12px}.icon-button__icon{font-size:2rem}.icon-button__text{font-size:.9rem}.track-form-wrapper{z-index:10;width:auto;max-width:100%;animation:.25s ease-in-out formFadeIn;position:absolute;bottom:16px;left:1rem;right:1rem}}@media (max-width:480px){.hero-wrapper{padding-top:70px;padding-bottom:280px}.hero-content h1{font-size:1.15rem!important}.icon-buttons-grid{grid-template-columns:1fr 1fr;gap:.65rem;max-width:280px}.icon-button{padding:14px 10px}.icon-button__text{font-size:.8rem}.track-form-wrapper{width:calc(100% - 1.5rem);bottom:12px}}
