.referral-launch { background: transparent; border: 0; color: var(--green); cursor: pointer; font: 600 .9rem var(--sans); padding: 0; text-align: left; }
.referral-launch span { padding-left: .35rem; }
.referral-dialog { border: 0; box-shadow: 0 18px 60px #08261c55; color: var(--ink); max-width: 510px; padding: 0; width: calc(100% - 2rem); }
.referral-dialog::backdrop { background: #09251bd9; }
.referral-dialog form { padding: 1.5rem; }
.dialog-top { align-items: center; display: flex; justify-content: space-between; }
.dialog-top .section-tag { margin-bottom: 0; }
.dialog-close { background: transparent; border: 0; color: var(--green); cursor: pointer; font-size: 2rem; line-height: 1; padding: 0; }
.referral-dialog h2 { font-family: var(--serif); font-size: 2.2rem; font-weight: 500; letter-spacing: -.04em; line-height: 1.1; margin: 1.8rem 0 .55rem; }
.dialog-note { color: #557366; font-size: .9rem; }
.referral-dialog label { display: grid; font-size: .85rem; font-weight: 600; gap: .35rem; margin-top: 1rem; }
.referral-dialog input, .referral-dialog textarea { background: #f5f7f0; border: 1px solid #cbd9ca; border-radius: 0; color: var(--ink); font: 1rem var(--sans); padding: .72rem; resize: vertical; }
.referral-dialog input:focus, .referral-dialog textarea:focus { border-color: var(--green); outline: 2px solid #d8f0ce; outline-offset: 1px; }
.form-submit { align-items: center; background: var(--green); border: 0; color: #fff; cursor: pointer; display: flex; font: 600 .95rem var(--sans); gap: 2rem; margin-top: 1.4rem; padding: .9rem 1rem; }