.earn-hero{border-radius:1.25rem;padding:1.5rem 1.25rem;color:#fff;position:relative;overflow:hidden;background:radial-gradient(90% 120% at 100% 0,#f59e0b55 0,transparent 50%),radial-gradient(90% 120% at 0 100%,#22c55e40 0,transparent 55%),linear-gradient(135deg,#0b3a53,#0e7490 42%,#4f46e5 78%,#7c3aed);box-shadow:0 10px 34px rgba(14,116,144,.28)}@media (min-width:768px){.earn-hero{padding:2.5rem 2.25rem}}.earn-hero h1{font-size:clamp(1.9rem,6vw,3.1rem);line-height:1.05;font-weight:800;letter-spacing:-.02em}.earn-hero .lead{color:#e0f2fe;font-size:1.02rem;max-width:44rem}.earn-hero .pill{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff}.earn-hero .btn-hero{background:#fff;color:#0b3a53;border-radius:.7rem;padding:.7rem 1.1rem;font-weight:800;display:inline-flex;justify-content:center}.earn-hero .btn-hero-ghost{border:1.5px solid rgba(255,255,255,.55);color:#fff;border-radius:.7rem;padding:.65rem 1.1rem;font-weight:700;display:inline-flex;justify-content:center}.earn-steps{display:grid;gap:.6rem;grid-template-columns:1fr;counter-reset:s}@media (min-width:640px){.earn-steps{grid-template-columns:repeat(3,1fr)}}.earn-step{list-style:none;border-radius:1rem;padding:.9rem 1rem;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;gap:.75rem;align-items:flex-start}.earn-step .n{flex-shrink:0;width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2))}@media (prefers-color-scheme:dark){.earn-step .n{color:#0b1220}}.earn-jump{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.1rem}.earn-jump::-webkit-scrollbar{display:none}.earn-jump a{white-space:nowrap;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:700}.earn-jump a:hover{border-color:var(--tone,var(--accent))}[data-tone=build]{--tone:#4f46e5;--tone2:#7c3aed}[data-tone=host]{--tone:#0e7490;--tone2:#0284c7}[data-tone=rundzee]{--tone:#ea580c;--tone2:#e11d48}[data-tone=apps]{--tone:#059669;--tone2:#0d9488}[data-tone=more]{--tone:#db2777;--tone2:#9333ea}@media (prefers-color-scheme:dark){[data-tone=build]{--tone:#818cf8;--tone2:#a78bfa}[data-tone=host]{--tone:#22d3ee;--tone2:#38bdf8}[data-tone=rundzee]{--tone:#fb923c;--tone2:#fb7185}[data-tone=apps]{--tone:#34d399;--tone2:#2dd4bf}[data-tone=more]{--tone:#f472b6;--tone2:#c084fc}}.earn-group-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.earn-group-head .bar{width:.4rem;align-self:stretch;min-height:2.4rem;border-radius:999px;background:linear-gradient(180deg,var(--tone),var(--tone2))}.earn-where{font-size:.72rem;font-weight:800;border-radius:999px;padding:.2rem .6rem;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,var(--card));border:1px solid color-mix(in srgb,var(--tone) 35%,transparent);white-space:nowrap}.earn-grid{display:grid;gap:.9rem;grid-template-columns:1fr}@media (min-width:640px){.earn-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.earn-grid{grid-template-columns:repeat(3,1fr)}}.earn-card{background:var(--card);border-radius:1.1rem;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-top:4px solid var(--tone)}.earn-card .head{display:flex;gap:.75rem;align-items:center;padding:1rem 1.1rem .4rem}.earn-card .ico{width:2.9rem;height:2.9rem;flex-shrink:0;border-radius:.9rem;display:grid;place-items:center;font-size:1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 18%,var(--card)),color-mix(in srgb,var(--tone2) 22%,var(--card)))}.earn-card .body{padding:.4rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.earn-card dl{display:grid;gap:.45rem;font-size:.88rem}.earn-card dt{font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.earn-card dd{margin:0}.earn-rate{border-radius:.85rem;padding:.7rem .85rem;background:color-mix(in srgb,var(--tone) 9%,var(--card));border:1px solid color-mix(in srgb,var(--tone) 25%,transparent)}.earn-rate .big{font-size:1.45rem;font-weight:800;color:var(--tone);line-height:1.1}.earn-example{font-size:.86rem;font-weight:600;border-radius:.7rem;padding:.55rem .7rem;background:color-mix(in srgb,#16a34a 10%,var(--card));color:var(--fg);border:1px dashed color-mix(in srgb,#16a34a 45%,transparent)}.earn-card.soon{border-top-style:dashed}.earn-card.soon .ico{filter:saturate(.8)}.earn-soon{font-size:.85rem;font-weight:700;border-radius:.7rem;padding:.55rem .7rem;background:color-mix(in srgb,var(--tone) 8%,var(--card));border:1px dashed color-mix(in srgb,var(--tone) 45%,transparent);color:var(--fg)}.team-ladder{display:grid;gap:.6rem;grid-template-columns:1fr}@media (min-width:768px){.team-ladder{grid-template-columns:repeat(4,1fr)}}.team-step{list-style:none;border-radius:1rem;padding:.95rem 1rem;color:#fff;display:flex;flex-direction:column;gap:.3rem;font-size:.88rem;box-shadow:0 6px 18px rgba(15,23,42,.15)}.team-step b{font-size:1.02rem}.team-step .n{width:1.8rem;height:1.8rem;border-radius:999px;display:grid;place-items:center;font-weight:800;background:rgba(255,255,255,.25)}.team-step.t1{background:linear-gradient(135deg,#0e7490,#0891b2)}.team-step.t2{background:linear-gradient(135deg,#15803d,#16a34a)}.team-step.t3{background:linear-gradient(135deg,#6d28d9,#7c3aed)}.team-step.t4{background:linear-gradient(135deg,#b45309,#d97706)}.chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:.45rem .8rem;font-size:.85rem;font-weight:600;min-height:2.5rem}.chip[aria-checked=true],.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.chip:focus-visible,.stepper button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.stepper{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:.6rem;overflow:hidden;background:var(--bg)}.stepper button{width:2.6rem;flex-shrink:0;font-size:1.15rem;font-weight:700;background:var(--card)}.stepper input{width:100%;min-width:0;text-align:center;background:transparent;color:var(--fg);padding:.5rem .25rem;font-weight:700;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line)}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input[type=number]{-moz-appearance:textfield;appearance:textfield}.calc-out{border-radius:1rem;padding:1rem 1.1rem;color:#fff;background:linear-gradient(135deg,#0b3a53,#0e7490 50%,#4f46e5)}.calc-out .muted-on{color:#d7eef5}.calc-out .big{font-size:2rem;font-weight:800;line-height:1.1}.calc-out select{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:.4rem;padding:.2rem .4rem;font-size:.85rem}.calc-out select option{color:#0f172a}.team-out{background:linear-gradient(135deg,#14532d,#15803d 40%,#7c3aed)}.lvl-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.85rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.18)}.lvl-row:last-child{border-bottom:0}.lvl-off{opacity:.65}