.referral-box{background:#fff;border:1px solid #00000014;border-radius:20px;padding:28px;transition:transform .22s,box-shadow .22s;box-shadow:0 12px 30px #00000014,0 1px #0000000a}.referral{transition:transform .22s,box-shadow .22s}.referral:hover .referral-box{transform:translateY(-2px);box-shadow:0 18px 40px #0000001f,0 2px #0000000d}.referral-box h2{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(20px,2vw,26px);line-height:1.2}.referral-box p{opacity:.92;margin:0 0 16px;font-size:1rem;line-height:1.6}.referral-box p strong{font-weight:650}.referral-box ul{gap:10px;margin:0 0 22px;padding:0;list-style:none;display:grid}.referral-box li{background:#0f172a08;border:1px solid #0f172a0f;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.referral-box .cta-button{letter-spacing:-.01em;color:#fff;background:#0f172aeb;border:1px solid #0f172a2e;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-weight:650;text-decoration:none;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:0 10px 20px #0f172a1f}.referral-box .cta-button:hover{background:#0f172a;transform:translateY(-1px);box-shadow:0 14px 28px #0f172a29}.referral-box .cta-button:active{transform:translateY(0);box-shadow:0 10px 20px #0f172a1f}.referral-box .cta-button:focus-visible{outline-offset:3px;outline:3px solid #3b82f659}@media (max-width:640px){.referral-box{border-radius:16px;width:calc(100% - 24px);margin:32px auto;padding:20px}.referral-box .cta-button{width:100%}}.referral-cta{letter-spacing:-.01em;color:#fff;cursor:pointer;background:#1f1f1f;border:none;border-radius:10px;justify-content:center;align-items:center;padding:14px 26px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 10px 24px #00000040}.referral-cta:hover{background:#000;transform:translateY(-1px);box-shadow:0 14px 30px #0000004d}.referral-cta:active{transform:translateY(0);box-shadow:0 10px 24px #00000040}.referral-cta:focus-visible{outline-offset:4px;outline:3px solid #00000040}@media (max-width:640px){.referral-cta{justify-content:center;width:100%}}