@layer boot, tokens, base, layout, components, pages;@layer pages{.ref-hero{background:radial-gradient(120% 140% at 0% 0%, var(--primary-soft), transparent 60%), var(--surface);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:28px;padding:24px;display:grid}.ref-partner-badge{vertical-align:middle;margin-left:8px}.ref-eyebrow{border-radius:var(--r-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--border-strong);padding:2px 8px;font-size:.625rem;font-weight:700;display:inline-block}.ref-title{letter-spacing:-.035em;text-wrap:balance;margin-top:12px;font-size:clamp(1.5rem,1.1rem + 1.2vw,2rem);font-weight:700;line-height:1.15}.ref-lead{max-width:56ch;color:var(--text-2);margin-top:10px;font-size:.9375rem;line-height:1.55}.ref-link-box{flex-direction:column;gap:10px;display:flex}.ref-link-label{color:var(--text-3);font-size:.75rem}.ref-link-row{gap:8px;display:flex}.ref-link{border-radius:var(--r-md);background:var(--surface-2);min-width:0;height:40px;box-shadow:inset 0 0 0 1px var(--border);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;padding:0 12px;font-size:.8125rem;display:flex;overflow:hidden}.ref-share{flex-wrap:wrap;gap:8px;display:flex}.ref-qr{border-radius:var(--r-md);width:min(260px,100%);margin:8px auto 0;overflow:hidden}.ref-qr-link{text-align:center;color:var(--text-3);word-break:break-all;margin-top:10px;font-size:.75rem}.ref-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ref-stat{flex-direction:column;gap:4px;padding:16px;display:flex}.ref-stat span{color:var(--text-3);font-size:.75rem}.ref-stat strong{letter-spacing:-.02em;font-size:1.375rem;font-weight:650}.ref-stat small{color:var(--text-3);font-size:.75rem}.ref-request{color:var(--primary-text)!important}.ref-request-btn{align-self:flex-start;margin-top:4px}.ref-cols{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.ref-h2{padding:16px 16px 8px;font-size:1rem;font-weight:650}.ref-empty{color:var(--text-2);padding:4px 16px 20px;font-size:.875rem}.ref-row{grid-template-columns:minmax(0,1.6fr) 90px minmax(0,1fr) minmax(0,1fr) 100px}.ref-row>:nth-child(n+3){text-align:right}.ref-trader{align-items:center;gap:10px;min-width:0;font-weight:600;display:flex}.ref-trader a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ref-trader a:hover{text-decoration:underline}.ref-status{color:var(--text-3);font-size:.75rem;font-weight:600}.ref-status.active{color:var(--up)}.ref-how{padding-bottom:16px}.ref-steps{flex-direction:column;gap:14px;padding:4px 16px 0;list-style:none;display:flex}.ref-steps li{gap:12px;display:flex}.ref-step{background:var(--primary-soft);width:26px;height:26px;color:var(--primary-text);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.ref-steps strong{font-size:.875rem}.ref-steps p{color:var(--text-2);margin-top:2px;font-size:.8125rem}.ref-fine{color:var(--text-3);margin:14px 16px 0;font-size:.75rem;line-height:1.5}.ref-closed,.ref-invited{border-radius:var(--r-md);color:var(--text-2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;font-size:.8125rem;display:flex}.ref-invited a{color:var(--text);font-weight:600}@media (width<=1023px){.ref-hero{grid-template-columns:minmax(0,1fr);gap:20px}.ref-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-cols{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.ref-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-row .ref-trader{grid-column:1/-1}.ref-row>:nth-child(n+3){text-align:left}}@media (width<=689px){.ref-hero{padding:18px}.ref-link-row{flex-direction:column}}}
