.pg-earn .hero h1{font-size:clamp(52px,9vw,120px)}.pg-earn .hero{padding-bottom:32px}.pg-earn .eb{margin-top:56px;display:grid;grid-template-columns:1fr;gap:20px;text-align:left}@media (min-width: 960px){.pg-earn .eb{grid-template-columns:1fr 1.25fr;gap:24px}}.pg-earn .eb>*{min-width:0}.pg-earn .eb-ctl{grid-template-columns:minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:32px;display:grid;gap:26px;align-content:start}.pg-earn .eb-ctl h2{max-width:none;line-height:1.15;font-family:var(--display);font-weight:600;font-size:26px;letter-spacing:-.035em;margin:0}.pg-earn .eb-f{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.pg-earn .eb-f>label,.pg-earn .eb-f>.eb-lbl{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.02em}.pg-earn .eb-amt{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:16px;padding:6px 16px;border:1px solid transparent}.pg-earn .eb-amt:focus-within{border-color:var(--blue)}.pg-earn .eb-amt input{flex:1;width:0;min-width:0;border:0;background:transparent;font:600 30px var(--display);letter-spacing:-.04em;color:var(--ink);padding:8px 0;font-variant-numeric:tabular-nums}.pg-earn .eb-amt input:focus{outline:none}.pg-earn .eb-amt span{display:flex;align-items:center;gap:6px;font-weight:600;font-size:15px}.pg-earn input[type=range]{width:100%;accent-color:var(--blue)}.pg-earn .eb-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:var(--bg);padding:5px;border-radius:999px}.pg-earn .eb-terms button{border:0;background:transparent;border-radius:999px;padding:10px 4px;font:500 14px var(--body);color:var(--muted);cursor:pointer;white-space:nowrap}.pg-earn .eb-terms button[aria-pressed=true]{background:var(--ink);color:#fff}.pg-earn .eb-rate{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pg-earn .eb-rate input{width:96px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:600 16px var(--mono);color:var(--ink);background:var(--surface)}.pg-earn .eb-rate small{color:var(--muted);font-size:13px;flex:1 1 160px;min-width:0}.pg-earn .eb-tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#fef3c7;color:#92400e;border-radius:999px;padding:3px 10px;margin-left:6px;vertical-align:1px}.pg-earn .eb-card{grid-template-columns:minmax(0,1fr);position:relative;overflow:hidden;border-radius:28px;background:var(--ink);color:#fff;padding:32px;display:grid;gap:22px;align-content:start}.pg-earn .eb-card:before{content:"";position:absolute;inset:auto -20% -60% 30%;height:90%;background:radial-gradient(50% 50% at 50% 50%,rgba(37,99,235,.55),transparent 70%);pointer-events:none}.pg-earn .eb-card>*{position:relative}.pg-earn .eb-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#b7c1d6}.pg-earn .eb-top b{color:#fff;font-weight:600}.pg-earn .eb-live{display:inline-flex;align-items:center;gap:6px}.pg-earn .eb-live i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d39999;animation:earn-pulse 2s infinite}@keyframes earn-pulse{70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.pg-earn .eb-cap{font-size:13px;color:#b7c1d6}.pg-earn .eb-acc{font-family:var(--display);font-weight:600;font-size:clamp(44px,7vw,76px);letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pg-earn .eb-acc span{font-size:.38em;color:#b7c1d6;letter-spacing:-.02em;margin-left:6px}.pg-earn .eb-bars{display:flex;align-items:flex-end;gap:3px;height:96px}.pg-earn .eb-bars i{flex:1;min-width:0;border-radius:3px 3px 0 0;background:#ffffff1f;height:var(--h, 10%);transition:background .3s}.pg-earn .eb-bars i.on{background:linear-gradient(180deg,var(--glow-a),var(--blue))}.pg-earn .eb-prog{display:flex;justify-content:space-between;font-size:13px;color:#b7c1d6;margin-top:-10px}.pg-earn .eb-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ffffff1a;border-radius:18px;overflow:hidden}.pg-earn .eb-sum div{background:#121d33;padding:14px 16px;min-width:0}.pg-earn .eb-sum small{display:block;font-size:12px;color:#8c97ae}.pg-earn .eb-sum b{font:600 16px var(--mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}@media (max-width: 520px){.pg-earn .eb-sum{grid-template-columns:1fr}.pg-earn .eb-ctl,.pg-earn .eb-card{padding:24px}}.pg-earn .eb-note{font-size:13px;color:var(--muted);margin:14px 0 0;text-align:left;max-width:70ch}.pg-earn .steps3{display:grid;grid-template-columns:1fr;gap:20px;margin-top:56px;counter-reset:st}@media (min-width: 900px){.pg-earn .steps3{grid-template-columns:repeat(3,1fr)}}.pg-earn .steps3 div{counter-increment:st;border-top:1px solid var(--ink);padding-top:24px;display:grid;gap:10px;align-content:start}.pg-earn .steps3 div:before{content:"0" counter(st);font:500 14px var(--mono);color:var(--blue)}.pg-earn .steps3 h3{font-family:var(--display);font-size:26px;font-weight:600;letter-spacing:-.035em;margin:0}.pg-earn .steps3 p{margin:0;color:var(--muted)}.pg-earn .flowmap{margin-top:56px;display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}@media (min-width: 900px){.pg-earn .flowmap{grid-template-columns:1fr auto 1fr auto 1fr}}.pg-earn .fm-box{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;display:grid;gap:8px;align-content:start;min-width:0}.pg-earn .fm-box.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.pg-earn .fm-box.dark p{color:#b7c1d6}.pg-earn .fm-box h3{font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.03em;margin:0}.pg-earn .fm-box p{margin:0;color:var(--muted);font-size:15px}.pg-earn .fm-box .eyebrow{font-size:11px}.pg-earn .fm-arrow{display:grid;place-items:center;color:var(--blue)}.pg-earn .fm-arrow svg{width:28px;height:28px;transform:rotate(90deg)}@media (min-width: 900px){.pg-earn .fm-arrow svg{transform:none}}.pg-earn .toks{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:40px}.pg-earn .toks span{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.02em}.pg-earn summary>span{flex:1;min-width:0}@media (prefers-reduced-motion: reduce){.pg-earn *,.pg-earn *:before{animation:none!important;transition:none!important}}
