:root{--primary-300:#13ac6f;--primary-500:#0c6944;--greyscale-0:#fff;--greyscale-25:#f4f5f5;--greyscale-400:#03160f;--radius-xl:24px;--radius-pill:1000px}.download-component{background-color:var(--greyscale-25);color:var(--greyscale-400);text-align:center;background-image:url(/img/download/hero-mount-bromo.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:IBM Plex Sans Arabic,sans-serif;display:flex}.download-component .overlay{z-index:0;background:#0009;position:fixed;inset:0}.download-component .card{background:var(--greyscale-0);border-radius:var(--radius-xl);z-index:1;width:90%;max-width:500px;padding:60px 40px;position:relative;box-shadow:0 10px 30px #0003}.download-component .logo{margin-bottom:24px}.download-component .logo img{filter:brightness(0)saturate()invert(29%)sepia(35%)saturate(1472%)hue-rotate(133deg)brightness(93%)contrast(92%);height:36px}.download-component h1{color:var(--greyscale-400);margin-bottom:8px;font-size:24px;font-weight:600}.download-component p{color:#666;margin-bottom:32px;font-size:16px}.download-component .btn-container{flex-direction:column;align-items:center;gap:16px;display:flex}.download-component .store-badge{height:60px;transition:transform .2s}.download-component .store-badge:hover{transform:translateY(-2px)}@media (min-width:768px){.download-component .btn-container{flex-direction:row;justify-content:center}}