*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #ffffff;--color-surface: #f5f5f5;--color-border: #e5e5e5;--color-text: #111111;--color-text-muted: #6b6b6b;--color-accent: #16a34a;--color-accent-contrast: #ffffff}@media(prefers-color-scheme:dark){:root{--color-bg: #0a0a0a;--color-surface: #171717;--color-border: #2a2a2a;--color-text: #f5f5f5;--color-text-muted: #a3a3a3;--color-accent: #22c55e;--color-accent-contrast: #0a0a0a}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text);line-height:1.5}h1,h2,h3{font-weight:700;letter-spacing:-.01em}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.wordmark{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text);text-decoration:none}.wordmark__accent{color:var(--color-accent)}.app-nav{display:flex;gap:1.25rem;flex-wrap:wrap}.app-nav__link{color:var(--color-text-muted);text-decoration:none;font-weight:600;font-size:.95rem;padding-block:.25rem;border-bottom:2px solid transparent}.app-nav__link:hover{color:var(--color-text)}.app-nav__link.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.app-footer{margin-top:auto;padding:1.5rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.85rem;text-align:center}.page{max-width:72ch;margin-inline:auto;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;gap:2.5rem}.page-header{display:flex;flex-direction:column;gap:.5rem}.page-header p{color:var(--color-text-muted)}.hero{display:flex;flex-direction:column;gap:1rem;padding-block:1rem}.hero__headline{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.1}.hero__subhead{color:var(--color-text-muted);font-size:1.05rem;max-width:56ch}.hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;padding:.65rem 1.1rem;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.button--primary{background-color:var(--color-accent);color:var(--color-accent-contrast)}.button--primary:hover{opacity:.85}.button--secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text)}.button--secondary:hover{border-color:var(--color-text-muted)}.button:disabled{opacity:.5;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1px;background-color:var(--color-border);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.stat-card{background-color:var(--color-surface);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.25rem}.stat-card__value{font-size:1.4rem;font-weight:700}.stat-card__label{color:var(--color-text-muted);font-size:.85rem}.steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.step{display:flex;gap:1rem;align-items:flex-start}.step__number{flex-shrink:0;width:2rem;height:2rem;border-radius:999px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.step__title{font-size:1rem;margin-bottom:.25rem}.step__body{color:var(--color-text-muted);font-size:.95rem}.section-heading{font-size:1.1rem;margin-bottom:1rem}.card-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border:1px solid var(--color-border);border-radius:.75rem;background-color:var(--color-surface);flex-wrap:wrap}.card--done{opacity:.6}.card__body{display:flex;flex-direction:column;gap:.35rem;min-width:0}.card__title{font-size:1rem}.card__description{color:var(--color-text-muted);font-size:.9rem}.card__aside{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.card__reward{font-weight:700;font-size:1.05rem}.tag{align-self:flex-start;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;padding:.15rem .6rem}.status-badge{font-size:.8rem;font-weight:700;border-radius:999px;padding:.3rem .75rem;border:1px solid var(--color-border);color:var(--color-text-muted)}.status-badge--earned{color:var(--color-accent-contrast);background-color:var(--color-accent);border-color:var(--color-accent)}.status-badge--joined{color:var(--color-text);border-color:var(--color-text-muted)}.empty-state{color:var(--color-text-muted);font-size:.95rem}.referral-code{display:flex;flex-direction:column;gap:.5rem}.referral-code__label{color:var(--color-text-muted);font-size:.9rem}.referral-code__row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.referral-code__value{font-size:1.2rem;font-weight:700;letter-spacing:.05em;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:.5rem 1rem}.payout{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.payout p{color:var(--color-text-muted)}.payout__status{font-size:.9rem}.transaction-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1px;background-color:var(--color-border);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.transaction{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;background-color:var(--color-surface)}.transaction__label{font-size:.95rem}.transaction__date{color:var(--color-text-muted);font-size:.8rem}.transaction__amount{font-weight:700;color:var(--color-accent);flex-shrink:0}