.friend-share{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);overflow:hidden;border:1px solid #414b65;border-radius:20px;background:#0c1027;color:#f7f4e7;margin-bottom:48px;scroll-margin-top:24px}
.friend-art{display:flex;align-items:center;justify-content:center;min-width:0;background:#080c24;padding:16px}
.friend-art img{display:block;width:100%;height:auto;border-radius:8px}
.friend-art:focus-visible{outline:3px solid #d3ed50;outline-offset:-5px}
.friend-copy{padding:32px;min-width:0}
.friend-copy>.eyebrow{color:#c6f14e;margin-bottom:14px}
.friend-copy h2{font-size:clamp(36px,4vw,48px);font-weight:900;letter-spacing:-1.1px;line-height:1.08;margin:0 0 24px;color:#f7f4e7}
.friend-copy>p:not(.eyebrow):not(.friend-status){font-size:14px;line-height:1.65;color:#b9c0d3;margin:0 0 22px}
.friend-actions{display:flex;flex-wrap:wrap;gap:9px}
.friend-actions button{min-height:48px;font-size:12px;gap:15px}
.friend-primary{background:#d3f546;color:#18200b}.friend-primary:hover{background:#e2ff70}
.friend-secondary{border-color:#677196;color:#f7f4e7;background:#161e39}.friend-secondary:hover{background:#222e50}
.friend-status{font-size:12px;line-height:1.6;color:#d5e8a2;margin:10px 0;min-height:19px}
.friend-link-label{display:block;color:#aeb7ce;font-size:10px;margin:13px 0 7px}
.friend-link{display:block;width:100%;min-width:0;min-height:44px;border:1px solid #4d5777;background:#090e22;color:#dbe3f3;border-radius:5px;padding:10px;font-size:12px}
.friend-share :is(button,input,a):focus-visible{outline:3px solid #d3f546;outline-offset:4px}
.friend-share .friend-art:focus-visible{outline-offset:-5px}
.friend-download{display:inline-flex;align-items:center;min-height:44px;color:#b5a1e8;font-size:11px;text-underline-offset:4px;margin-top:3px}
@media(max-width:850px){.friend-share{grid-template-columns:1fr 1fr}.friend-copy{padding:26px}.friend-art{padding:8px}}
@media(max-width:700px){.friend-share{grid-template-columns:1fr;border-radius:15px;margin-bottom:30px}.friend-art{padding:0}.friend-art img{border-radius:0}.friend-copy{padding:26px}.friend-copy h2{font-size:clamp(32px,9vw,42px)}.friend-actions button{flex:1 1 auto}.friend-link{font-size:16px}.friend-copy>p:not(.eyebrow):not(.friend-status){font-size:14px}}