:root{
  --ref-bg:#181a1b;
  --ref-panel:rgba(35,38,39,.88);
  --ref-panel-solid:#242728;
  --ref-line:rgba(255,255,255,.12);
  --ref-line-strong:rgba(255,255,255,.24);
  --ref-text:#f1faf4;
  --ref-muted:#96aa9e;
  --ref-acid:#cfff3b;
  --ref-cyan:#48edf2;
  --ref-green:#74f6ad;
  --ref-amber:#ffc85a;
  --ref-red:#ff91a9;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{min-height:100%;background:var(--ref-bg)}
body.referral-page{min-height:100svh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 78% 12%,rgba(255,255,255,.055),transparent 32%),linear-gradient(145deg,#242728 0%,#17191a 52%,#101213 100%);color:var(--ref-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}

.referral-world,.referral-world-shade{position:fixed;inset:0;z-index:0;pointer-events:none}
.referral-world{opacity:1}
.referral-world img{width:100%;height:100%;object-fit:cover;object-position:center center}
.referral-world-shade{background:linear-gradient(90deg,rgba(24,26,27,.25) 0%,rgba(24,26,27,.34) 35%,rgba(24,26,27,.82) 60%,rgba(16,18,19,.97) 100%),linear-gradient(180deg,rgba(23,25,26,.16),rgba(23,25,26,.14) 64%,rgba(14,16,17,.8));box-shadow:inset 0 0 190px rgba(0,0,0,.48)}
.referral-page:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 0 .5px,transparent .7px);background-size:4px 4px;mix-blend-mode:soft-light}

.referral-code{min-width:190px;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(7,9,10,.34);display:grid;grid-template-columns:1fr auto;gap:3px 10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.referral-code small{grid-column:1/-1;color:#718579;font:850 .5rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.referral-code strong{color:var(--ref-acid);font:900 .76rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;overflow-wrap:anywhere}.referral-code span{align-self:center;color:var(--ref-amber);font:900 .48rem ui-monospace,SFMono-Regular,Menlo,monospace}.referral-code span[data-state=verified]{color:var(--ref-green)}

.referral-main{position:relative;z-index:2;width:min(1520px,calc(100% - 42px));min-height:100svh;margin:0 auto;padding:32px 0;display:grid;grid-template-columns:minmax(350px,1fr) minmax(650px,780px);gap:clamp(34px,5vw,86px);align-items:center}
.referral-kicker{color:var(--ref-cyan);font:900 .63rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}

.referral-story{max-width:560px;min-height:610px;display:flex;align-items:center}
.referral-story-card{width:100%;padding:clamp(25px,3vw,38px);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-top-color:rgba(255,255,255,.29);border-radius:24px;background:linear-gradient(145deg,rgba(49,52,53,.58),rgba(24,27,28,.48));box-shadow:0 30px 85px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(30px) saturate(.72);-webkit-backdrop-filter:blur(30px) saturate(.72);display:flex;flex-direction:column}
.referral-story-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(207,255,59,.46),rgba(72,237,242,.34));opacity:.72}
.referral-story-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.referral-story-head>.referral-kicker{padding-top:8px}
.referral-story-copy{max-width:485px}
.referral-story h1{max-width:480px;margin:30px 0 14px;font-size:clamp(3.25rem,5.7vw,5.9rem);line-height:.88;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 8px 38px rgba(0,0,0,.55)}
.referral-story-copy>p{max-width:450px;margin:0;color:#c0c8c3;font-size:clamp(.88rem,1.2vw,1.06rem);line-height:1.65;text-shadow:0 3px 18px rgba(0,0,0,.55)}
.referral-story-meta{width:100%;margin-top:25px;padding:13px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.referral-story-meta span{display:grid;gap:2px}.referral-story-meta b{color:var(--ref-acid);font-size:1.12rem}.referral-story-meta small{color:#718579;font:850 .52rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.referral-contest-mini{width:100%;margin-top:24px;padding:13px 15px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(7,9,10,.28)}
.referral-contest-mini>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.referral-contest-mini strong{color:var(--ref-green);font:900 .57rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.referral-contest-mini p{margin:7px 0 0;color:#7e9487;font-size:.67rem;line-height:1.5}

.referral-onboarding{min-width:0;max-height:calc(100svh - 64px);min-height:min(730px,calc(100svh - 64px));padding:23px;border:1px solid rgba(255,255,255,.14);border-top-color:rgba(255,255,255,.28);border-radius:24px;background:linear-gradient(145deg,rgba(43,46,47,.8),rgba(25,28,29,.74));box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 0 1px rgba(0,0,0,.25) inset;backdrop-filter:blur(30px) saturate(.68);-webkit-backdrop-filter:blur(30px) saturate(.68);display:grid;grid-template-rows:auto 7px auto auto minmax(0,1fr) auto auto;gap:14px;overflow:hidden}
.referral-progress-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}
.referral-progress-header h2{margin:5px 0 0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.05;letter-spacing:-.03em}
.referral-progress-summary{text-align:right}.referral-progress-summary strong,.referral-progress-summary span{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.referral-progress-summary strong{color:var(--ref-acid);font-size:.68rem;letter-spacing:.06em}.referral-progress-summary span{max-width:220px;margin-top:4px;color:var(--ref-cyan);font-size:.52rem;line-height:1.35}
.referral-progress-track{height:7px;border:1px solid rgba(207,255,59,.18);border-radius:999px;background:rgba(0,0,0,.34);overflow:hidden}.referral-progress-track>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ref-acid),var(--ref-cyan),#a887ff);box-shadow:0 0 18px rgba(72,237,242,.3);transition:width .35s ease}

.referral-progress-nav{min-width:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.referral-progress-nav button{min-width:0;padding:7px 4px;border:1px solid transparent;border-radius:10px;background:transparent;color:#53665a;display:grid;justify-items:center;gap:5px;cursor:pointer;transition:color .18s,border-color .18s,background .18s,transform .18s}
.referral-progress-nav button b{width:27px;height:27px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:900 .61rem ui-monospace,SFMono-Regular,Menlo,monospace}.referral-progress-nav button span{max-width:100%;font:900 .48rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.referral-progress-nav button[data-state=complete]{color:var(--ref-green)}.referral-progress-nav button[data-state=complete] b{background:rgba(116,246,173,.1)}.referral-progress-nav button[data-state=current]{color:var(--ref-acid);background:rgba(207,255,59,.045)}.referral-progress-nav button[data-selected=true]{border-color:rgba(207,255,59,.25);transform:translateY(-1px)}.referral-progress-nav button:disabled{cursor:not-allowed;opacity:.45}
.referral-connection-warning{padding:11px 13px;border:1px solid rgba(255,145,169,.34);border-radius:11px;background:linear-gradient(100deg,rgba(255,145,169,.12),rgba(255,200,90,.055));box-shadow:0 10px 28px rgba(0,0,0,.2);display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.referral-connection-warning b{color:var(--ref-red);font:900 .55rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;white-space:nowrap}.referral-connection-warning span{color:#e5c4cb;font-size:.68rem;line-height:1.45}

.referral-step-stage{min-width:0;min-height:0;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:radial-gradient(circle at 94% 0,rgba(255,255,255,.045),transparent 36%),rgba(12,14,15,.46);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(207,255,59,.25) transparent}
.referral-step-panel{min-height:100%;padding:clamp(30px,4.2vw,50px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;animation:referral-step-in .28s ease both}
.referral-step-panel:focus{outline:0}.referral-step-number{color:var(--ref-cyan);font:900 .59rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.referral-step-panel h3{max-width:650px;margin:10px 0 10px;font-size:clamp(2rem,3.6vw,3.15rem);line-height:1;letter-spacing:-.045em;text-wrap:balance}.referral-step-panel>p{max-width:660px;margin:0;color:#9fb2a7;font-size:.86rem;line-height:1.7}
@keyframes referral-step-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.referral-primary,.referral-step-panel button,.referral-step-panel a{min-height:46px;padding:0 17px;border:1px solid rgba(207,255,59,.3);border-radius:10px;background:rgba(207,255,59,.04);color:var(--ref-acid);font:900 .59rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.045em;text-decoration:none;display:inline-grid;place-items:center;cursor:pointer;transition:transform .16s,box-shadow .16s,opacity .16s}.referral-step-panel button:hover:not(:disabled),.referral-step-panel a:hover{transform:translateY(-1px)}.referral-step-panel button:focus-visible,.referral-step-panel a:focus-visible{outline:2px solid var(--ref-cyan);outline-offset:3px}.referral-step-panel button:disabled{opacity:.42;cursor:not-allowed}
.referral-primary{margin-top:23px!important;padding:0 23px!important;background:linear-gradient(100deg,var(--ref-acid),#75f88e)!important;border-color:transparent!important;color:#051009!important;box-shadow:0 10px 30px rgba(167,255,73,.12)}.referral-primary.telegram{background:linear-gradient(100deg,#229ed9,#48c7ff)!important;color:#fff!important}
.referral-action-note{display:block;max-width:660px;margin-top:13px;color:#718579;font-size:.68rem;line-height:1.55}.referral-trust-note{max-width:660px;margin-top:19px;padding:12px 14px;border:1px solid rgba(72,237,242,.15);border-radius:10px;background:rgba(72,237,242,.025);display:grid;gap:3px}.referral-trust-note b{color:var(--ref-cyan);font:900 .54rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.referral-trust-note span{color:#82978b;font-size:.7rem;line-height:1.45}
.referral-telegram-login{min-width:280px;min-height:66px;margin-top:21px;padding:10px;border:1px solid rgba(42,171,238,.18);border-radius:11px;background:rgba(42,171,238,.025);display:grid;place-items:center}.referral-telegram-login span,.referral-telegram-login em{color:#879d90;font:900 .57rem ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}.referral-inline-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.referral-inline-actions .referral-primary{margin:0!important}.referral-inline-actions button{padding:0 15px}
.referral-hatch-form{width:min(650px,100%);margin-top:21px;display:grid;gap:7px}.referral-hatch-form label,.referral-proof-form>label{color:var(--ref-cyan);font:900 .53rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.referral-hatch-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto}.referral-hatch-form input,.referral-proof-form input{min-width:0;min-height:48px;padding:12px 14px;border:1px solid rgba(203,255,216,.16);border-radius:10px 0 0 10px;background:#020805;color:var(--ref-text);outline:0}.referral-hatch-form input:focus,.referral-proof-form input:focus{border-color:var(--ref-cyan);box-shadow:0 0 0 3px rgba(72,237,242,.08)}.referral-hatch-form .referral-primary{margin:0!important;border-radius:0 10px 10px 0!important}

.referral-reward-panel{justify-content:flex-start;padding:25px 27px}.referral-reward-panel h3{font-size:clamp(1.65rem,3vw,2.45rem)}.referral-reward-panel>p{font-size:.76rem;line-height:1.6}.referral-reward-facts{width:100%;margin:15px 0 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.referral-reward-facts>span{padding:10px 11px;border:1px solid rgba(207,255,59,.13);border-radius:9px;background:rgba(207,255,59,.025)}.referral-reward-facts b,.referral-reward-facts small{display:block}.referral-reward-facts b{color:var(--ref-acid);font-size:.9rem}.referral-reward-facts small{margin-top:2px;color:#6b7e72;font:850 .46rem ui-monospace,SFMono-Regular,Menlo,monospace}
.referral-buy-action{width:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr);gap:9px;align-items:start}.referral-buy-action[data-locked=true] .campaign-quick-swap{opacity:.38;filter:saturate(.35)}
.referral-reward-panel .campaign-quick-swap{width:100%;padding:14px;gap:8px;border-color:rgba(207,255,59,.16);background:rgba(2,8,5,.75)}.referral-reward-panel .campaign-quick-swap>header span{font-size:.56rem}.referral-reward-panel .campaign-quick-swap>header b{font-size:.43rem}.referral-reward-panel .campaign-quick-swap input{font-size:1.32rem}.referral-reward-panel .campaign-swap-output strong{font-size:.82rem}.referral-reward-panel .campaign-swap-output small,.referral-reward-panel .campaign-quick-swap>p{font-size:.51rem}.referral-reward-panel .campaign-swap-action{min-height:41px;font-size:.54rem}
.referral-proof-form{padding:13px;border:1px solid rgba(72,237,242,.14);border-radius:11px;background:rgba(72,237,242,.025);display:grid;gap:8px}.referral-proof-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto}.referral-proof-form input{min-height:44px}.referral-proof-form button{padding:0 11px;border-radius:0 9px 9px 0;background:var(--ref-cyan);border-color:var(--ref-cyan);color:#041008}.referral-proof-form p{margin:0;color:#82988c;font-size:.63rem;line-height:1.48}.referral-proof-form p[data-state=verified]{color:var(--ref-green)}.referral-proof-form p[data-state=below]{color:var(--ref-amber)}.referral-proof-form>a{min-height:auto;padding:0;border:0;color:var(--ref-acid);font-size:.52rem;display:inline}
.referral-reward-choice{width:100%;margin-top:9px;padding:10px;border:1px solid rgba(203,255,216,.09);border-radius:10px;display:flex;align-items:center;gap:12px}.referral-reward-choice button,.referral-reopen-reward{padding:0 14px}.referral-reward-choice span{color:#758a7e;font-size:.64rem;line-height:1.4}.referral-contract-gate{width:100%;margin-top:9px;padding:10px 11px;border:1px solid rgba(255,200,90,.16);border-radius:9px;background:rgba(255,200,90,.02)}.referral-contract-gate strong,.referral-contract-gate span{font:900 .51rem ui-monospace,SFMono-Regular,Menlo,monospace}.referral-contract-gate strong{color:#bcae7b}.referral-contract-gate>span{float:right;color:var(--ref-amber)}.referral-contract-gate p{clear:both;margin:6px 0 0;color:#837b64;font-size:.58rem;line-height:1.45}.referral-contract-gate code{color:var(--ref-cyan);overflow-wrap:anywhere}

.referral-done{align-items:center;text-align:center}.referral-done-mark{width:68px;height:68px;margin:15px 0 3px;border:1px solid rgba(116,246,173,.3);border-radius:50%;background:rgba(116,246,173,.07);color:var(--ref-green);font:900 1.8rem/68px ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 0 38px rgba(116,246,173,.1)}.referral-done>p{max-width:610px}.referral-final-actions{margin-top:21px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.referral-final-actions a{padding:0 17px}.referral-final-actions .referral-primary{margin:0!important}.referral-xp-extra{width:min(680px,100%);margin-top:19px;padding:12px;border:1px solid rgba(168,135,255,.17);border-radius:11px;background:rgba(168,135,255,.025);display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;text-align:left}.referral-xp-extra b,.referral-xp-extra span{display:block}.referral-xp-extra b{color:#cabdff;font:900 .53rem ui-monospace,SFMono-Regular,Menlo,monospace}.referral-xp-extra span{margin-top:3px;color:#807690;font-size:.61rem;line-height:1.4}.referral-xp-extra a,.referral-xp-extra button{padding:0 9px;white-space:nowrap}.referral-reopen-reward{margin-top:9px}

.referral-message{min-height:35px;margin:0;padding:9px 11px;border:1px solid rgba(203,255,216,.08);border-radius:9px;background:rgba(0,0,0,.16);color:var(--ref-muted);font-size:.67rem;line-height:1.45}.referral-message:empty:before{content:"Your progress saves automatically to this wallet.";color:#5e7366}.referral-message.success{color:var(--ref-green);border-color:rgba(116,246,173,.15)}.referral-message.error{color:var(--ref-red);border-color:rgba(255,145,169,.18)}
.referral-legal{display:flex;justify-content:space-between;gap:14px;color:#5f7467;font-size:.55rem;line-height:1.4}.referral-legal a{color:#83988c;text-decoration:none;font:900 .52rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.referral-legal a:hover{color:var(--ref-cyan)}

@media(max-width:1180px){
  .referral-main{grid-template-columns:minmax(300px,.76fr) minmax(610px,1.24fr);gap:28px}.referral-story h1{font-size:clamp(3rem,5.5vw,5rem)}.referral-story{min-height:590px}
}
@media(max-width:980px){
  .referral-world-shade{background:linear-gradient(180deg,rgba(25,27,28,.2),rgba(25,27,28,.54) 36%,rgba(18,20,21,.97) 66%)}
  .referral-main{min-height:0;padding:24px 0 34px;grid-template-columns:1fr;gap:20px}.referral-story{max-width:680px;min-height:0;margin:0 auto}.referral-story-copy{max-width:560px}.referral-story h1{font-size:clamp(3.15rem,9vw,5rem)}.referral-contest-mini{display:none}.referral-onboarding{max-height:none;min-height:680px;margin-bottom:0}
}
@media(max-width:760px){
  .referral-world img{object-position:center top}.referral-world{opacity:1}.referral-world-shade{background:linear-gradient(180deg,rgba(24,26,27,.08) 0%,rgba(24,26,27,.18) 24%,rgba(24,26,27,.84) 43%,#17191a 69%);box-shadow:none}
  .referral-main{width:100%;padding:0}.referral-story{min-height:690px;padding:330px 16px 20px;align-items:flex-end}.referral-story-card{padding:22px 20px;border-radius:20px;background:linear-gradient(155deg,rgba(55,58,59,.58),rgba(27,29,30,.5));backdrop-filter:blur(24px) saturate(.65);-webkit-backdrop-filter:blur(24px) saturate(.65)}.referral-story-head{gap:12px}.referral-code{min-width:152px;padding:8px 9px}.referral-code small{font-size:.43rem}.referral-code strong{font-size:.61rem}.referral-code span{font-size:.41rem}.referral-story h1{max-width:340px;margin:25px 0 10px;font-size:3.08rem}.referral-story-copy>p{max-width:350px;font-size:.79rem;line-height:1.55}.referral-story-meta{width:100%;margin-top:18px;padding:11px 0}.referral-story-meta b{font-size:.96rem}.referral-story-meta small{font-size:.44rem}
  .referral-onboarding{min-height:650px;margin:0;padding:20px 14px 22px;border-width:1px 0 0;border-color:rgba(255,255,255,.14);border-radius:26px 26px 0 0;grid-template-rows:auto 7px auto auto minmax(0,1fr) auto auto;gap:13px;background:linear-gradient(180deg,rgba(43,46,47,.8),rgba(23,25,26,.76));box-shadow:0 -22px 60px rgba(0,0,0,.4)}
  .referral-progress-header{padding:0 3px}.referral-progress-header h2{font-size:1.45rem}.referral-progress-summary strong{font-size:.59rem}.referral-progress-summary span{max-width:130px;font-size:.45rem}
  .referral-progress-nav{gap:2px}.referral-progress-nav button{padding:5px 1px;border-radius:8px;gap:0}.referral-progress-nav button b{width:29px;height:29px;font-size:.57rem}.referral-progress-nav button span{display:none}.referral-progress-nav button[data-selected=true]{background:rgba(207,255,59,.05)}
  .referral-connection-warning{grid-template-columns:1fr;gap:4px}.referral-connection-warning b{white-space:normal}
  .referral-step-stage{border-radius:15px;overflow:visible}.referral-step-panel{min-height:440px;padding:30px 20px}.referral-step-panel h3{font-size:2.15rem}.referral-step-panel>p{font-size:.78rem;line-height:1.65}.referral-step-number{font-size:.54rem}
  .referral-primary{width:100%;margin-top:21px!important}.referral-inline-actions{width:100%;display:grid;grid-template-columns:1fr}.referral-inline-actions .referral-primary{width:100%}.referral-telegram-login{width:100%;min-width:0}.referral-hatch-form>div,.referral-proof-form>div{grid-template-columns:1fr}.referral-hatch-form input,.referral-proof-form input,.referral-hatch-form .referral-primary,.referral-proof-form button{min-height:47px;border-radius:9px!important}.referral-hatch-form .referral-primary{margin-top:7px!important}
  .referral-reward-panel{padding:27px 18px}.referral-reward-panel h3{font-size:1.9rem}.referral-reward-facts{grid-template-columns:repeat(3,1fr)}.referral-reward-facts>span{padding:9px 7px}.referral-reward-facts b{font-size:.76rem}.referral-reward-facts small{font-size:.39rem}.referral-buy-action{grid-template-columns:1fr}.referral-reward-choice{align-items:stretch;flex-direction:column}.referral-reward-choice button{width:100%}.referral-contract-gate>span{float:none;display:block;margin-top:4px}.referral-xp-extra{grid-template-columns:1fr;text-align:center}.referral-final-actions{width:100%;flex-direction:column}.referral-final-actions a{width:100%}
  .referral-message{margin:0 2px}.referral-legal{padding:0 3px;align-items:flex-start}
}
@media(max-width:420px){
  .referral-code{min-width:132px}.referral-code strong{font-size:.55rem}.referral-story{min-height:680px;padding:315px 12px 18px}.referral-story-card{padding:20px 17px}.referral-story h1{font-size:2.78rem}.referral-onboarding{padding-left:11px;padding-right:11px}.referral-progress-header h2{font-size:1.28rem}.referral-step-panel{padding:27px 17px}.referral-step-panel h3{font-size:1.95rem}
}
@media(prefers-reduced-motion:reduce){.referral-step-panel{animation:none}.referral-progress-track>span,.referral-progress-nav button,.referral-step-panel button,.referral-step-panel a{transition:none}}