.referral-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;align-items:center;margin-top:28px;padding:24px;border:1px solid #365a70;border-radius:16px;background:#091a28}.referral-art img{width:100%;height:220px;object-fit:contain;display:block}.referral-body{min-width:0}.referral-kicker{font-size:11px;color:#8feaf2;letter-spacing:1.3px;font-weight:750;margin:0 0 10px}.referral-body h2{font-size:25px;margin:0 0 12px}.referral-body p{font-size:13px;color:#b6cbdc;line-height:1.6}.referral-code-row{display:flex;gap:8px;margin:14px 0}.referral-code-row input{min-width:0;flex:1;width:100%;padding:10px;border:1px solid #52778f;border-radius:7px;color:white;background:#07131f;font:12px Manrope,Arial,sans-serif}.referral-code-row button{flex:none;white-space:nowrap;font-size:12px;padding:10px 14px;border-radius:7px;cursor:pointer}.referral-link{color:#9deef4;border:0;background:none;text-decoration:underline;font:12px Manrope,Arial,sans-serif;padding:0;cursor:pointer}#referral-apply{margin-top:18px;padding-top:14px;border-top:1px solid #294658}#referral-apply label{font-size:12px;color:#b6cbdc}#referral-message{color:#c6ecf5}#referral-dialog{width:min(460px,calc(100% - 28px));box-sizing:border-box;max-height:90svh;overflow:auto;background:#0a1826;border:1px solid #52778f;border-radius:14px;padding:26px;color:#edf6ff;font:14px/1.8 Manrope,Arial,sans-serif}#referral-dialog::backdrop{background:#010711e0;backdrop-filter:blur(6px)}#referral-dialog h2{font-size:24px;margin:0 30px 14px 0}#referral-close{position:absolute;right:8px;top:5px;width:36px;height:36px;background:none;border:0;color:white;font-size:28px;cursor:pointer}.referral-panel button:disabled{opacity:.45;cursor:default}.referral-panel button:focus-visible,#referral-close:focus-visible{outline:2px solid #00dfe9;outline-offset:3px}#referral-login{display:inline-flex;font-size:12px;margin:0 0 6px}@media(max-width:760px){.referral-panel{grid-template-columns:1fr;gap:16px;padding:20px 18px}.referral-art img{height:160px}.referral-body h2{font-size:24px}.referral-code-row button{font-size:11px;padding:9px}.referral-code-row input{font-size:10px}}@media(max-width:350px){.referral-code-row{flex-direction:column}.referral-code-row input{box-sizing:border-box}}