.referral-shell{max-width:1180px;margin:0 auto;padding:28px 38px 24px}.ref-back{display:inline-block;font-size:12px;color:#939da9;margin:0 0 30px}.ref-back:hover{color:var(--cyan)}.ref-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:50px;padding:14px 0 43px}.ref-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:10px;letter-spacing:2px;color:#7dafbd;font-weight:600}.ref-eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.ref-hero h1{margin:0;font-size:clamp(36px,4.5vw,58px);line-height:1.08;letter-spacing:-2px;font-weight:750}.ref-hero h1>span{color:#66d8f7}.ref-hero-copy>p:not(.ref-eyebrow){max-width:490px;margin:22px 0 26px;font-size:14px;line-height:1.8;color:#a0a9b5}.ref-hero-copy>p strong{font-weight:550;color:#d5e6ed}.ref-hero .ac-button{min-height:42px;padding-inline:20px}.ref-reward-art{position:relative;min-height:310px;display:grid;place-items:center;isolation:isolate}.ref-orbit{position:absolute;inset:3% 0;border:1px solid #35c9f21a;border-radius:50%;transform:rotate(-24deg);background:radial-gradient(ellipse,#35c9f20c,transparent 70%);z-index:-1}.ref-orbit:before{content:"";position:absolute;inset:34px -25px;border:1px solid #35c9f214;border-radius:50%;transform:rotate(40deg)}.ref-reward-ticket{width:276px;padding:24px 25px 0;border:1px solid #58889566;border-radius:18px;background:linear-gradient(130deg,#243d45,#1b2934 65%,#26313f);box-shadow:0 20px 75px #0005;transform:rotate(5deg);color:#b3dce6}.ref-reward-ticket>.icon{width:31px;height:31px;margin-bottom:18px;color:#77d9ed}.ref-reward-ticket>span{display:block;font-size:9px;letter-spacing:2px}.ref-reward-ticket>strong{display:block;margin-top:4px;font-size:95px;line-height:1.15;font-weight:650;letter-spacing:-5px;color:#c1f2ff}.ref-reward-ticket strong small{font-size:40px;vertical-align:top;display:inline-block;line-height:1.8;font-weight:400;margin-right:5px;letter-spacing:0}.ref-reward-ticket p{margin:0 0 23px;font-size:11px;color:#91b7c3}.ref-ticket-footer{display:flex;align-items:center;justify-content:space-between;margin:0 -25px;padding:16px 25px;border-top:1px dashed #88b9c333;font-size:8px;letter-spacing:1.7px;color:#8fb0bd}.ref-ticket-footer>span{font-size:16px;color:#79d7e8}.ref-spark{position:absolute;font-size:30px;color:#8cdeed}.spark-one{right:20px;top:45px}.spark-two{left:25px;bottom:28px;font-size:36px}.ref-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:26px 0;border-block:1px solid #2b3038}.ref-steps article{display:flex;align-items:flex-start;gap:13px}.ref-step-number{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid #3c505b;border-radius:50%;color:#8bcbdc;font-size:10px;font-weight:600}.ref-steps h2{margin:3px 0 8px;font-size:13px;font-weight:600}.ref-steps p{margin:0;color:#8793a1;font-size:11px;line-height:1.8}.ref-workspace{scroll-margin-top:100px;padding-top:36px}.ref-card{border:1px solid #30343c;border-radius:12px;background:#1c1f24}.ref-loading{padding:65px 20px;text-align:center;font-size:13px;color:#96a4b3}.ref-gate{padding:40px 25px;text-align:center}.ref-gate-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;margin:0 auto 18px;background:#35c9f218;color:#78dcf8}.ref-gate-icon .icon{width:26px;height:26px}.ref-gate h2{font-size:23px;letter-spacing:-.5px;margin:0 0 12px}.ref-gate p{font-size:13px;color:#96a0af;margin:0 0 24px;line-height:1.7}.ref-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.ref-section-heading .ref-eyebrow{font-size:9px;margin-bottom:9px}.ref-section-heading h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.4px}.ref-text-button{border:0;background:transparent;color:#87cbdc;font-size:11px;padding:8px 0;white-space:nowrap}.ref-text-button:hover{color:#c1f3ff}.ref-text-button:disabled{opacity:.5;cursor:wait}.ref-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}.ref-metric{display:flex;flex-direction:column;padding:22px 24px;border:1px solid #30343c;border-radius:12px;background:#1c1f24}.ref-metric.earned{background:linear-gradient(120deg,#20343d,#1c242d);border-color:#3a5b68}.ref-metric>span{font-size:11px;color:#a5afbd}.ref-metric strong{font-size:36px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin:12px 0 9px}.ref-metric.earned strong{color:#92e4fa}.ref-metric small{font-size:10px;line-height:1.6;color:#7f8b9a}.ref-share-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-bottom:24px}.ref-link-card,.ref-message-card{padding:25px}.ref-card h2{font-size:16px;font-weight:600;margin:0 0 8px;letter-spacing:-.2px}.ref-card p{font-size:11px;color:#8c98a8;line-height:1.75}.ref-card-heading{display:flex;align-items:center;gap:13px;margin-bottom:25px}.ref-card-heading h2,.ref-card-heading p{margin:0}.ref-card-heading h2{margin-bottom:7px}.ref-card-icon{display:grid;place-items:center;width:41px;height:41px;background:#35c9f212;color:#7cdcf3;border-radius:12px;flex-shrink:0}.ref-label{display:block;margin:0 0 9px;font-size:10px;color:#a8b1bd}.ref-link-field{display:flex;gap:8px}.ref-link-field input,.ref-message-card textarea{border:1px solid #3a414b;background:#14181e;border-radius:7px;color:#c2d1df;font-size:11px;line-height:1.7;min-width:0;width:100%;padding:10px 12px}.ref-link-field .ac-button{flex-shrink:0;min-height:39px;padding:0 12px;font-size:11px}.ref-link-field .ac-button .icon{width:13px;height:13px}.ref-field-note{margin:10px 0 24px}.ref-code-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid #30343c;font-size:10px;color:#8997a8}.ref-code-line code{font-size:12px;letter-spacing:1px;color:#adcedd;overflow-wrap:anywhere}.ref-message-card>p{margin:0 0 20px}.ref-message-card textarea{display:block;resize:vertical;min-height:105px;margin:0 0 13px}.ref-message-card .ac-button{font-size:11px;min-height:34px;padding:0 12px}.ref-history{padding:25px;overflow:hidden}.ref-history .ref-section-heading{margin-bottom:0}.ref-history .ref-section-heading p{margin:5px 0 0}.ref-history-note{font-size:10px;color:#75b9cb;text-align:right}.ref-table-wrap{overflow-x:auto;margin:23px -25px -25px}.ref-history table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.ref-history th{padding:13px 25px;border-block:1px solid #30343c;background:#191c21;font-size:10px;color:#7d8a9b;font-weight:500}.ref-history td{padding:17px 25px;border-bottom:1px solid #2b3038;color:#b7c1ce}.ref-history tbody tr:last-child td{border-bottom:0}.ref-history td:first-child{font-weight:550;max-width:250px;overflow:hidden;text-overflow:ellipsis}.ref-history th:last-child,.ref-history td:last-child{text-align:right}.ref-status{display:inline-block;font-size:10px;border:1px solid #65605a66;background:#a38d5912;border-radius:5px;padding:4px 7px;color:#c5b58b}.ref-status.rewarded{background:#6bca9e10;border-color:#6bca9e33;color:#8cd3b0}.ref-reward-date{display:block;margin-top:5px;font-size:9px;color:#809388}.ref-empty{text-align:center;padding:38px 15px 19px}.ref-empty>.icon{width:33px;height:33px;color:#698391;margin-bottom:10px}.ref-empty h3{font-size:13px;font-weight:500;margin:0 0 8px;color:#b7c2d0}.ref-empty p{margin:0}.ref-error{padding:26px;text-align:center}.ref-error p{font-size:13px;color:#e1b0b3;margin-top:0}.ref-copy-status{min-height:17px;margin:12px 0 0;font-size:11px;color:#8cd3b0}.ref-copy-status.is-error{color:#e1b0b3}.ref-details{display:flex;align-items:flex-start;gap:15px;padding:20px 22px;margin-top:8px;border-radius:10px;background:#181b20}.ref-details>.icon{color:#708b9b;flex-shrink:0;margin-top:2px}.ref-details h2{font-size:12px;font-weight:600;margin:0 0 7px;color:#a9b7c7}.ref-details p{font-size:11px;line-height:1.85;color:#7f8a99;margin:0}.ref-footer{display:flex;justify-content:space-between;gap:15px;margin-top:35px;padding-top:20px;border-top:1px solid #282c33;font-size:10px;color:#62717f}.ref-footer a{color:#9cabb9}.ref-footer a:hover{color:var(--cyan)}
.account-referral-card{margin-top:24px;padding:24px;background:linear-gradient(120deg,#20333c,#1d222b 70%);border:1px solid #36505d;border-radius:12px}.account-referral-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.account-referral-heading h2{font-size:16px;margin:0 0 7px;font-weight:600}.account-referral-heading p{font-size:11px;line-height:1.7;color:#93a6b4;margin:0}.account-referral-heading .ac-button{white-space:nowrap;font-size:11px}.account-referral-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px;padding-top:21px;border-top:1px solid #3b536133}.account-referral-metrics>div{display:flex;flex-direction:column;gap:8px}.account-referral-metrics strong{font-size:29px;font-weight:600;letter-spacing:-.6px;color:#a2e6f7}.account-referral-metrics span{font-size:11px;color:#a0b0be}.account-referral-status{font-size:11px;line-height:1.6;color:#9ab6c5;margin:17px 0 0}.account-referral-status.is-error{color:#e1b0b3}
@media(max-width:900px){.referral-shell{padding-inline:25px}.ref-hero{gap:15px}.ref-reward-ticket{width:245px}.ref-spark{display:none}.ref-share-grid{grid-template-columns:1fr 1fr;gap:15px}.ref-link-card,.ref-message-card{padding:20px}.ref-link-field{flex-wrap:wrap}.ref-link-field .ac-button{min-height:34px}.ref-steps{gap:20px}.ref-step-number{width:27px;height:27px}.ref-steps article{gap:10px}.ref-metric{padding:20px}.ref-metric strong{font-size:30px}}
@media(max-width:650px){.referrals-page .header-divider{margin-inline:12px}.referrals-page .header-title{font-size:10px}.referrals-page .nav-actions{gap:12px}.referrals-page .nav-home{font-size:11px}.referral-shell{padding:22px 16px}.ref-back{margin-bottom:25px}.ref-hero{grid-template-columns:1fr;padding:0 0 28px;gap:12px}.ref-hero-copy{max-width:520px}.ref-hero h1{font-size:43px;letter-spacing:-1.8px}.ref-hero-copy>p:not(.ref-eyebrow){font-size:13px;margin:18px 0 22px}.ref-eyebrow{font-size:8px;letter-spacing:1.6px}.ref-reward-art{min-height:230px;margin-top:10px}.ref-reward-ticket{width:225px;padding:17px 20px 0;transform:rotate(4deg)}.ref-reward-ticket>.icon{width:25px;height:25px;margin-bottom:10px}.ref-reward-ticket>span{font-size:8px}.ref-reward-ticket>strong{font-size:74px}.ref-reward-ticket strong small{font-size:32px}.ref-reward-ticket p{font-size:10px;margin-bottom:16px}.ref-ticket-footer{margin:0 -20px;padding:12px 20px;font-size:7px}.ref-orbit{inset:5% 14%}.ref-steps{grid-template-columns:1fr;padding:23px 0;gap:20px}.ref-step-number{width:30px;height:30px}.ref-steps article{gap:13px}.ref-steps h2{font-size:13px;margin-bottom:5px}.ref-steps p{font-size:11px;max-width:440px}.ref-workspace{padding-top:28px;scroll-margin-top:82px}.ref-section-heading{align-items:flex-start;gap:12px}.ref-section-heading h2{font-size:18px;line-height:1.4}.ref-text-button{font-size:10px;white-space:normal;text-align:right}.ref-metrics{gap:9px}.ref-metric{padding:16px 12px}.ref-metric>span{font-size:10px;line-height:1.5;min-height:30px}.ref-metric strong{font-size:25px;letter-spacing:-.8px;margin:8px 0}.ref-metric small{font-size:9px}.ref-share-grid{grid-template-columns:1fr;gap:16px}.ref-link-field{flex-wrap:nowrap}.ref-link-field .ac-button{font-size:10px;padding-inline:10px}.ref-code-line{margin-top:22px}.ref-history{padding:20px}.ref-table-wrap{margin:20px -20px -20px}.ref-history th,.ref-history td{padding:13px 17px}.ref-history-note{max-width:110px;line-height:1.6;font-size:9px}.ref-details{padding:18px 15px}.ref-footer{flex-direction:column;align-items:center;text-align:center;line-height:1.6}.account-referral-card{padding:20px}.account-referral-heading{align-items:flex-start;flex-direction:column;gap:13px}.account-referral-heading h2{font-size:15px}.account-referral-metrics strong{font-size:27px}.account-referral-metrics span{font-size:10px}.ref-gate h2{font-size:21px}}
@media(max-width:370px){.referrals-page .header-title,.referrals-page .header-divider{display:none}.ref-metrics{grid-template-columns:1fr 1fr}.ref-metric.earned{grid-column:1/-1}.ref-metric>span{min-height:0}.ref-metric.earned strong{font-size:34px}.ref-link-field{flex-wrap:wrap}.ref-hero h1{font-size:39px}}
.ref-reward-art{overflow:clip}.ref-share-grid>*,.ref-metrics>*{min-width:0}