/* Global theme variables and responsive helpers */
:root{
  --bg:#0f0638;
  --card:#12162a;
  --accent:#49B786;
  --muted:#bdbdbd;
  --text:#ffffff;
  --max-width:1100px;
}

/* Basic page container */
.page-inner{max-width:var(--max-width);margin:0 auto;padding:16px;box-sizing:border-box}

/* Improve readability on small screens */
@media (max-width:900px){
  .page-inner{padding:12px}
  .account-info__total{font-size:1.6rem}
  .account-info__title{font-size:1rem}
}

@media (max-width:480px){
  .buy-box{flex-direction:row;gap:8px;padding:8px}
  .timespan-option{width:48%}
}

/* Utility helpers */
.u-hidden-mobile{display:block}
@media (max-width:600px){.u-hidden-mobile{display:none}}

/* Buttons */
.button--main{border-radius:10px;padding:12px 18px}

/* Card background */
.card-bg{background:var(--card);border-radius:8px;padding:12px}