:root{
    --bg:#0b0a11;
    --card:#151121;
    --stroke-soft:#201a3b;
    --stroke:#2f2950;
    --txt:#eceaff;
    --muted:#c9c3e9;
    --muted2:rgba(201,195,233,.78);
    --accent:#6f63ff;
    --accent2:#4f46e5;
  }

  #benefits-page{
    min-height:calc(100vh - 70px);
    padding:70px 18px 52px;
    background:
      linear-gradient(180deg, rgba(6,4,10,.52), rgba(6,4,10,.94)),
      url('/templates/augment/img/body-background.webp') center top/cover fixed no-repeat;
    color:var(--txt);
  }

  .benefits-page-container{max-width:1320px;margin:0 auto;}
  .benefits-hero{text-align:center;margin-bottom:32px;}
  .benefits-page-title{
    font-family:'Cinzel',serif;text-transform:uppercase;font-size:clamp(48px,6vw,78px);
    letter-spacing:.15em;line-height:1;margin:0;
    background:linear-gradient(180deg,#fff 0%,#d8cbff 45%,#7f50ee 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
    text-shadow:0 14px 34px rgba(0,0,0,.82);
  }
  .benefits-page-subtitle{
    margin:18px auto 0;max-width:780px;color:#d4ccef;font-family:'Cinzel',serif;
    font-size:14px;line-height:1.7;letter-spacing:.08em;text-transform:uppercase;
    text-shadow:0 2px 0 rgba(0,0,0,.55);
  }
  .benefits-page-divider{
    height:1px;max-width:760px;margin:24px auto 0;position:relative;
    background:linear-gradient(90deg,transparent,rgba(165,120,255,.75),transparent);
  }
  .benefits-page-divider:after{
    content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;
    transform:translate(-50%,-50%) rotate(45deg);background:#0b0712;
    border:1px solid rgba(175,140,255,.50);box-shadow:0 0 22px rgba(143,92,255,.75);
  }

  .benefits-card{
    width:100%;border-radius:20px;border:1px solid var(--stroke-soft);
    background:radial-gradient(150% 220% at 50% 0%, #1f182f 0%, #151121 45%, #0c0a14 100%);
    box-shadow:0 26px 60px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.02),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -18px 26px rgba(0,0,0,.6);
    overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;
  }
  .benefits-card:before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(140% 180% at 15% 0%, rgba(255,255,255,.08) 0%, transparent 42%),radial-gradient(120% 200% at 50% 120%, rgba(0,0,0,.72) 0%, transparent 60%),linear-gradient(180deg, rgba(111,99,255,.06) 0%, transparent 22%);
    mix-blend-mode:soft-light;opacity:.95;
  }
  .benefits-inner{position:relative;padding:3rem 3rem 2.6rem;}
  .benefits-top{text-align:center;margin-bottom:1.8rem;}
  .benefits-overline{font-family:"Cinzel",ui-serif,Georgia,serif;letter-spacing:.28em;text-transform:uppercase;color:rgba(201,195,233,.78);font-size:.78rem;margin-bottom:.5rem;}
  .benefits-title{font-family:"Cinzel",ui-serif,Georgia,serif;letter-spacing:.18em;text-transform:uppercase;font-size:1.55rem;color:var(--txt);margin:0;}
  .benefits-intro{max-width:960px;margin:0 auto 2rem;color:#dcd6ff;line-height:1.8;font-size:1.02rem;text-align:center;}

  .benefits-table-wrap{
    width:100%;overflow:auto;border-radius:16px;border:1px solid rgba(47,41,80,.55);
    background:radial-gradient(140% 220% at 50% 0%, rgba(111,99,255,.12) 0%, rgba(21,17,33,.75) 55%, rgba(10,8,16,.92) 100%);
    box-shadow:0 22px 50px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -14px 24px rgba(0,0,0,.75);
  }
  .benefits-table{width:100%;min-width:1120px;border-collapse:collapse;}
  .benefits-table th,.benefits-table td{padding:.8rem .75rem;border-bottom:1px solid rgba(47,41,80,.38);text-align:center;color:rgba(236,234,255,.92);font-size:.86rem;white-space:nowrap;}
  .benefits-table th{position:sticky;top:0;z-index:3;background:rgba(13,10,22,.96);font-family:"Cinzel",ui-serif,Georgia,serif;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;}
  .benefits-table th:first-child,.benefits-table td:first-child{position:sticky;left:0;z-index:2;text-align:left;min-width:260px;background:rgba(13,10,22,.96);font-weight:800;color:#eeeaff;}
  .benefits-table th:first-child{z-index:4;}
  .benefits-table tbody tr:hover td{background:rgba(111,99,255,.07);}

  .rank-sapphire{color:#a8c8ff!important;text-shadow:0 0 14px rgba(60,120,255,.20);}
  .rank-emerald{color:#9dffd6!important;text-shadow:0 0 14px rgba(30,200,120,.20);}
  .rank-ruby{color:#ff9aaa!important;text-shadow:0 0 14px rgba(200,30,60,.20);}
  .rank-diamond{color:#f4f4ff!important;text-shadow:0 0 14px rgba(255,255,255,.16);}
  .rank-dragonstone{color:#d3b3ff!important;text-shadow:0 0 14px rgba(120,70,255,.20);}
  .rank-onyx{color:#d0d0d6!important;text-shadow:0 0 14px rgba(0,0,0,.35);}
  .rank-zenyte{color:#ffb07a!important;text-shadow:0 0 14px rgba(200,90,30,.20);}
  .rank-royal{color:#bfefff!important;text-shadow:0 0 14px rgba(90,190,255,.20);}

  .benefits-table strong{font-weight:900;letter-spacing:.03em;}
  .benefits-footer{margin-top:2rem;text-align:center;color:#dcd6ff;line-height:1.8;font-size:1.02rem;}
  .benefits-store-link{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;padding:.85rem 2.2rem;border-radius:999px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent2) 45%,#3c35c8 100%);border:1px solid rgba(116,104,255,.8);color:#fff!important;font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;text-decoration:none!important;box-shadow:0 16px 32px rgba(26,19,75,.9),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -8px 14px rgba(18,10,70,.8);transition:.12s ease;}
  .benefits-store-link:hover{transform:translateY(-1px);filter:brightness(1.04);}

  @media(max-width:640px){
    #benefits-page{padding:42px 10px 36px;background:linear-gradient(180deg, rgba(6,4,10,.58), rgba(6,4,10,.94)),url('/templates/augment/img/body-background.webp') top center / auto 100vh repeat-y;background-attachment:scroll;background-color:#07050d;}
    .benefits-page-title{font-size:38px;letter-spacing:.10em;}
    .benefits-page-subtitle{max-width:340px;font-size:12px;line-height:1.55;margin-top:14px;}
    .benefits-inner{padding:2.1rem 1.1rem 1.8rem;}
    .benefits-title{font-size:1.25rem;letter-spacing:.13em;}
    .benefits-intro,.benefits-footer{font-size:.94rem;text-align:left;}
    .benefits-table th,.benefits-table td{padding:.7rem .65rem;font-size:.78rem;}
    .benefits-table th:first-child,.benefits-table td:first-child{min-width:220px;}
  }