.referral-title{background:radial-gradient(circle at 82% 50%,rgba(126,29,24,.18),transparent 33%)}
.referral-account-card{margin:38px 0 12px;padding:30px;border:1px solid #75562f;background:linear-gradient(120deg,#1b120c,#0b0806);box-shadow:0 18px 45px rgba(0,0,0,.28)}
.referral-account-card h2,.referral-rules h2,.referral-milestones h2,.referral-ranking h2{margin:0;color:#eadfca;font:400 34px var(--display)}
.referral-progress{height:12px;margin:22px 0;border:1px solid #584326;background:#090604;overflow:hidden}.referral-progress span{display:block;height:100%;background:linear-gradient(90deg,#8d421f,#efc768);box-shadow:0 0 18px rgba(239,199,104,.38)}
.referral-account-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;background:#382919}.referral-account-card dl div{padding:15px;background:#100b08}.referral-account-card dt{color:#807361;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.referral-account-card dd{margin:4px 0 0;color:var(--gold2);font:400 24px var(--display)}
.referral-rules{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin:34px 0;padding:32px;border:1px solid var(--line);background:#100c09}.referral-rules ul{margin:0;padding-left:22px;color:#c0b49f}.referral-rules li{padding:4px 0}.referral-rules>p{grid-column:1/-1;margin:0;color:#857967;border-top:1px solid #342719;padding-top:18px}
.referral-milestones{padding:55px 0 16px}.milestone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.milestone-grid article{min-height:260px;padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,#15100c,#0b0806)}.milestone-grid article.grand{border-color:#a47736;background:radial-gradient(circle at 90% 10%,rgba(177,66,31,.22),transparent 36%),linear-gradient(145deg,#1d130c,#0b0806)}.milestone-grid article>span{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.milestone-grid h3{margin:10px 0 16px;color:#eee2cb;font:400 30px var(--display)}.milestone-grid ul{margin:0;padding-left:20px;color:#aa9e8a}.milestone-grid li{padding:3px 0}.referral-ranking{padding-top:45px}
@media(max-width:760px){.referral-rules,.milestone-grid{grid-template-columns:1fr}.referral-account-card dl{grid-template-columns:1fr}.referral-account-card h2,.referral-rules h2,.referral-milestones h2,.referral-ranking h2{font-size:28px}}