.referral-entry-trigger{width:fit-content;min-height:46px;margin-top:16px;padding:0 18px;display:inline-flex;align-items:center;gap:10px;color:var(--fg);border:1px solid color-mix(in oklch,var(--accent) 42%,var(--border));border-radius:999px;background:color-mix(in oklch,var(--accent) 10%,var(--surface));box-shadow:0 12px 35px color-mix(in oklch,black 22%,transparent);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.referral-entry-trigger:hover{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 17%,var(--surface));transform:translateY(-1px)}.referral-entry-trigger svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.referral-dialog{width:min(calc(100% - 32px),560px);max-height:calc(100dvh - 32px);margin:auto;padding:0;color:var(--fg);border:0;border-radius:30px;background:transparent;overflow:visible}.referral-dialog::backdrop{background:#000000b8;backdrop-filter:blur(10px)}.referral-dialog__card{position:relative;padding:clamp(26px,6vw,42px);border:1px solid color-mix(in oklch,var(--accent) 28%,var(--border));border-radius:30px;background:linear-gradient(145deg,color-mix(in oklch,var(--accent) 12%,#242424),#171717 68%);box-shadow:0 32px 100px #00000094;text-align:center}.referral-dialog__close{position:absolute;z-index:1;top:16px;right:16px;width:38px;height:38px;display:grid;place-items:center;color:var(--muted);border:1px solid var(--border);border-radius:50%;background:#ffffff0d;cursor:pointer}.referral-dialog__close svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.referral-dialog__mark{width:62px;height:62px;margin:0 auto 18px;display:grid;place-items:center;color:var(--accent);border:1px solid color-mix(in oklch,var(--accent) 35%,var(--border));border-radius:20px;background:color-mix(in oklch,var(--accent) 14%,transparent)}.referral-dialog__mark svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.referral-dialog__eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.referral-dialog h2{margin:0;font-size:clamp(28px,7vw,40px);line-height:1.08;letter-spacing:-.035em}.referral-dialog__lead{margin:14px auto 0;color:var(--muted);font-size:15px;line-height:1.55}.referral-dialog__form{margin-top:24px;display:grid;gap:12px;text-align:left}.referral-dialog__form label{color:var(--muted);font-size:12px;font-weight:700}.referral-dialog__form input{width:100%;height:54px;padding:0 17px;color:var(--fg);border:1px solid var(--border);border-radius:16px;outline:none;background:#00000047;font:inherit;font-size:16px;letter-spacing:.05em;text-transform:uppercase}.referral-dialog__form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 18%,transparent)}.referral-dialog__primary,.referral-dialog__secondary{min-height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font:inherit;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer}.referral-dialog__primary{color:#111;border:1px solid var(--accent);background:var(--accent)}.referral-dialog__secondary{color:var(--fg);border:1px solid var(--border);background:#ffffff0d}.referral-dialog__code{margin-top:24px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border);border-radius:16px;background:#00000047;text-align:left}.referral-dialog__code span,.referral-dialog__help{color:var(--muted);font-size:12px}.referral-dialog__code strong{font-size:14px;letter-spacing:.06em}.referral-dialog__actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.referral-dialog__error{margin:-3px 0 0;color:#ff7a73;font-size:12px}.referral-dialog__help{margin:14px auto 0;line-height:1.5}[hidden]{display:none!important}@media(max-width:560px){.referral-entry-trigger{width:100%;justify-content:center}.referral-dialog__actions{grid-template-columns:1fr}.referral-dialog__code{align-items:flex-start;flex-direction:column;gap:5px}}