.referral-teaser{display:flex;align-items:center;gap:13px;width:100%;margin-top:12px;padding:14px 15px;border:1px solid #6952a0;border-radius:16px;background:linear-gradient(100deg,#2c2450,#1a2134);color:#fff;text-align:left}.referral-teaser-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#504086;color:#e4caff;font-size:21px}.referral-teaser>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.referral-teaser strong{font-size:12px}.referral-teaser small{font-size:10px;color:#c0b4dc}.referral-teaser .arrow{color:#bea5ff}.referral-hero{position:relative;overflow:hidden;border:1px solid #8069bf;border-radius:22px;padding:24px;background:linear-gradient(130deg,#433368,#272548 65%,#1a2137);box-shadow:0 14px 35px #100f2955}.referral-hero:after{content:'✳';position:absolute;font-size:150px;right:-8px;top:-46px;line-height:1;color:#ffffff12}.referral-hero span{font-size:10px;font-weight:800;letter-spacing:.18em;color:#d5c5ff}.referral-hero strong{display:block;margin:9px 0 3px;font-size:55px;line-height:1.1;letter-spacing:-.07em}.referral-hero p{position:relative;z-index:1;max-width:300px;color:#d4cbe7;font-size:11px;line-height:1.65;margin:10px 0 0}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.referral-stats>div{background:#151d2d;border:1px solid #2e3952;border-radius:14px;padding:13px 10px;min-width:0}.referral-stats span{display:block;font-size:9px;color:#96a4bc;white-space:nowrap}.referral-stats strong{display:block;margin-top:6px;font-size:16px;white-space:nowrap}.referral-link{padding:15px;border:1px dashed #596b96;background:#151d2c;border-radius:13px;overflow-wrap:anywhere;color:#b8c9eb;font-size:11px;line-height:1.6}#copy-referral:disabled{opacity:.55;cursor:not-allowed}.bottom-nav .nav-item{min-width:55px}