.profile-referral{padding:20px 0;margin:24px 0;border-top:1px solid #303239;border-bottom:1px solid #303239}.referral-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.referral-row strong{font:600 15px Onest,sans-serif}.referral-create,.referral-apply{background:#ffe54f;color:#111;border:0;border-radius:7px;padding:10px 13px;font:600 12px Onest,sans-serif;cursor:pointer}.referral-create:hover,.referral-apply:hover{background:#fff080}.referral-rules{margin-top:10px}.referral-rules summary,.referral-code summary{font:13px Onest,sans-serif;color:#bcbfc6;cursor:pointer}.referral-rules p{font:13px/1.6 Onest,sans-serif;color:#bcbfc6;margin:12px 0 0}.referral-feedback{display:block;color:#bde5b7;font:12px Onest,sans-serif}.referral-feedback:not(:empty){margin-top:10px}.referral-code{border-top:1px solid #41434b;padding-top:16px;margin-top:20px}.referral-code label{display:block;font-size:13px;color:#bcbfc6;margin:14px 0 8px}.referral-code>div{display:flex;gap:8px}.referral-code input{min-width:0;flex:1;background:#101216;color:#fff;border:1px solid #626772;border-radius:7px;padding:11px;font:14px Onest,sans-serif}.referral-code-result{font:13px/1.5 Onest,sans-serif;color:#bcbfc6;margin:10px 0 0}.referral-code-result.success{color:#bde5b7}.referral-code-result.error{color:#ffb5b5}.profile-referral button:focus-visible,.referral-code button:focus-visible,.referral-code input:focus-visible{outline:2px solid #ffe54f;outline-offset:3px}@media(max-width:760px){.profile-referral{margin:0;padding:18px 0}.referral-code>div{flex-wrap:wrap}.referral-code input{flex-basis:100%}}