.referral-panel{padding-bottom:28px}.referral-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.referral-main,.referral-side,.referral-tiers{border:1px solid #67599e;background:linear-gradient(145deg,#121330,#090b1d);box-shadow:inset 0 0 0 1px #fff1a308,0 15px 32px #0005}.referral-hero{display:flex;align-items:center;justify-content:space-between;min-height:190px;padding:28px 34px;border-bottom:1px solid #66548f;background:radial-gradient(circle at 76% 46%,#a96ff329,transparent 26%),linear-gradient(125deg,#132844,#121027)}.referral-hero h3{margin:8px 0;color:#fff0c4;font:800 clamp(29px,4vw,46px)/1 'Cinzel',serif}.referral-hero h3 em{color:#b99aff;font-style:normal}.referral-hero p{max-width:560px;color:#bdc5d6;font:600 12px/1.65 'Plus Jakarta Sans',sans-serif}.referral-sigil{display:grid;place-items:center;width:110px;height:110px;border:1px solid #f5c65f;border-radius:50%;color:#ffe394;font:800 56px 'Cinzel',serif;box-shadow:0 0 0 11px #efc75612,0 0 40px #b987ff44}.referral-block{padding:20px 28px;border-bottom:1px solid #3f3a68}.referral-block label{display:block;margin-bottom:9px;color:#f5cc6b;font:800 9px 'Plus Jakarta Sans',sans-serif;letter-spacing:2px}.referral-block small{display:block;margin-top:8px;color:#a9a7bf;font:600 9px/1.5 'Plus Jakarta Sans',sans-serif}.referral-copy-row{display:flex;gap:8px}.referral-copy-row input{min-width:0;flex:1;border:1px solid #535076;background:#080a1b;color:#e9e4d5;padding:12px;font:700 11px 'Plus Jakarta Sans',sans-serif;letter-spacing:.5px;outline:none}.referral-copy-row input:focus{border-color:#f5c65f;box-shadow:0 0 0 2px #f5c65f2a}.outline-gold-btn{border:1px solid #d4ae52;background:linear-gradient(180deg,#282343,#121326);color:#ffe09a;padding:0 15px;font:800 10px 'Plus Jakarta Sans',sans-serif;letter-spacing:1px;cursor:pointer}.outline-gold-btn:hover{background:#3b2c43;box-shadow:0 0 16px #f5c65f33}.referral-copy-row .gold-btn{padding:0 17px;box-shadow:0 3px 0 #74400c;white-space:nowrap}.referral-side{padding:18px}.referral-rank{text-align:center;padding:14px;border:1px solid #e4bd5b;background:radial-gradient(circle at 50% 28%,#f5c65f2b,transparent 52%),#0e1028}.rank-medal{display:grid;place-items:center;width:65px;height:65px;margin:13px auto 9px;border:3px solid #f5c65f;border-radius:50%;color:#fff0b4;background:linear-gradient(135deg,#6c461a,#e6ae36);font:800 28px 'Cinzel',serif;box-shadow:0 0 22px #f5c65f55}.referral-rank strong{display:block;color:#ffe49b;font:800 13px 'Cinzel',serif}.referral-rank p{color:#7be8d4;font:800 9px 'Plus Jakarta Sans',sans-serif;letter-spacing:1px}.rank-progress{height:8px;overflow:hidden;border:1px solid #77618e;background:#070817}.rank-progress b{display:block;width:0;height:100%;background:linear-gradient(90deg,#73e6d2,#f5c65f);transition:width .35s}.referral-rank small{display:block;margin-top:8px;color:#c4c2d4;font:700 9px 'Plus Jakarta Sans',sans-serif}.referral-stats{margin-top:12px}.referral-stats div{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #3d385f}.referral-stats span{color:#acaac0;font:700 9px 'Plus Jakarta Sans',sans-serif}.referral-stats b{color:#fff0b6;font:800 12px 'Cinzel',serif}.referral-tiers{margin-top:16px;padding:20px}.tier-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;margin-top:9px;padding:13px;border:1px solid #4d476d;background:linear-gradient(90deg,#11122a,#171630)}.tier-row>b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #f4c95f;border-radius:50%;color:#ffe7a7;background:#5c421d;font:800 16px 'Cinzel',serif}.tier-row span strong{display:block;color:#f0e9d5;font:800 11px 'Plus Jakarta Sans',sans-serif;letter-spacing:.7px}.tier-row span small{display:block;margin-top:3px;color:#a6a4bc;font:600 9px 'Plus Jakarta Sans',sans-serif}.tier-row em{color:#78ead5;font:800 10px 'Plus Jakarta Sans',sans-serif;font-style:normal}@media(max-width:800px){.referral-layout{grid-template-columns:1fr}.referral-sigil{display:none}.referral-hero{padding:26px}.tier-row{grid-template-columns:35px 1fr}.tier-row em{grid-column:2}}@media(max-width:520px){.referral-copy-row{flex-direction:column}.referral-copy-row button{min-height:42px}.referral-block{padding:18px}.referral-hero h3{font-size:31px}}