.referrals-page{max-width:1180px;margin:0 auto}.referral-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.referral-stats article{display:grid;gap:14px;padding:25px;border:1px solid #464661;border-radius:17px;background:linear-gradient(145deg,#24263e,#172135);min-width:0}.referral-stats span{color:#b4bdd4;font-size:12px;line-height:1.8}.referral-stats strong{font-size:36px;letter-spacing:-.04em;line-height:1.2;color:#eee5fb}.referral-stats small{font-size:10px;line-height:1.8;color:#97a7c3}.referral-register,.referral-rules{margin:0}.referral-register h2,.referral-rules h2{font-size:25px;line-height:1.4;margin:12px 0 18px}.referral-register>p,.referral-rules p{color:#a7b6d0;font-size:13px;line-height:1.9}.referral-register form{display:grid;gap:20px;margin-top:24px}.referral-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.referral-inputs label,.referral-award>label:not(.received-checkbox),.referral-cancel label{display:grid;gap:11px;font-size:12px;line-height:1.8;min-width:0}.referral-inputs input,.referral-inputs select,.referral-award input,.referral-cancel input{margin:0;min-width:0;width:100%}.referral-register .received-checkbox,.referral-award .received-checkbox{font-size:12px;line-height:1.8}.referral-register .btn{justify-self:start;white-space:normal;line-height:1.8;min-width:200px}.referral-register-list{display:grid;gap:20px}.referral-register-list h2{margin:12px 0 0;font-size:26px}.referral-list{display:grid;gap:17px}.referral-record{margin:0}.referral-record>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:21px}.referral-record header>div{min-width:0}.referral-record h3{font-size:22px;line-height:1.55;overflow-wrap:anywhere;margin:12px 0 0;color:#eae2f7}.referral-record h3 span{font-size:12px;color:#a898bd;display:inline-block;margin:0 7px}.referral-record .operation-badge{flex-shrink:0;white-space:normal;max-width:190px;line-height:1.7}.referral-record .operations-links a{font-size:12px;line-height:1.8;color:#c7ade6}.referral-record>p{font-size:13px;line-height:1.85;color:#a4b4cf;overflow-wrap:anywhere}.referral-note{padding:15px;background:#1a2539;border-radius:10px}.referral-check{padding:16px;border-left:3px solid #9281b1;background:#67518a16}.referral-check.ready{border-color:#78b99e;background:#3f88661b;color:#a9ddc7}.referral-award{display:grid;grid-template-columns:125px minmax(0,1fr);gap:20px;align-items:center;margin-top:22px;padding:22px;background:#25233a;border:1px solid #615071;border-radius:13px}.referral-award .btn{grid-column:1/-1;white-space:normal;line-height:1.8;justify-self:start}.referral-cancel{margin-top:23px;padding-top:20px;border-top:1px solid #364059}.referral-cancel summary{font-size:12px;line-height:1.8;color:#b59ccc;cursor:pointer}.referral-cancel form{display:grid;gap:15px;margin-top:18px;max-width:500px}.referral-cancel .btn{white-space:normal}.referral-reward{display:flex;align-items:center;gap:23px;padding:22px;background:#63508b1a;border:1px solid #725d8b;border-radius:13px}.referral-reward>strong{font-size:29px;color:#dcc5fa;letter-spacing:-.04em;white-space:nowrap}.referral-reward>span{font-size:12px;line-height:1.9;color:#aabbd4;overflow-wrap:anywhere}.referral-login{display:flex;align-items:end;gap:15px;margin-top:28px;max-width:650px}.referral-login label{display:grid;gap:11px;flex:1;font-size:11px;color:#bbaed1;line-height:1.8;min-width:0}.referral-login input{margin:0;color:#eee3ff;background:#171e32;font-size:17px;font-weight:650;min-width:0}.referral-login .btn{min-height:48px;white-space:normal;font-size:12px;line-height:1.8}.referral-rules ol{padding-left:22px;color:#abb9d1;font-size:14px;line-height:1.9}.referral-rules li{margin:17px 0;padding-left:7px}.referral-rules strong{color:#d1c2e6}.referral-promo{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-color:#63517e;background:linear-gradient(140deg,#302442,#172333)}.referral-promo h2{font-size:23px;line-height:1.4;margin:13px 0}.referral-promo p{font-size:13px;line-height:1.85;color:#aebdd5;margin-bottom:0}.referral-promo .btn{white-space:normal;line-height:1.7;font-size:12px;flex-shrink:0}
@media(max-width:700px){.referral-stats{grid-template-columns:minmax(0,1fr);gap:12px}.referral-stats article{grid-template-columns:minmax(0,1fr) auto;gap:8px 13px;padding:20px}.referral-stats strong{grid-column:2;grid-row:1/3;font-size:30px;align-self:center}.referral-inputs{grid-template-columns:minmax(0,1fr)}.referral-register,.referral-record,.referral-rules{padding:21px}.referral-register .btn{width:100%;min-width:0}.referral-record>header{flex-direction:column;gap:14px}.referral-record h3{font-size:21px}.referral-award{grid-template-columns:minmax(0,1fr);padding:18px;gap:17px}.referral-award .btn{grid-column:auto;width:100%}.referral-reward{flex-direction:column;align-items:flex-start;gap:13px;padding:18px}.referral-reward>strong{font-size:27px}.referral-login{flex-direction:column;align-items:stretch}.referral-login .btn{width:100%}.referral-rules ol{font-size:13px}.referral-promo{flex-direction:column;align-items:stretch;gap:18px}.referral-promo .btn{width:100%}}
.referral-award .received-checkbox input{width:18px;height:18px;flex:0 0 18px}