:root{--green:#1fd854;--green-dark:#16b545;--green-soft:#eafaef;--ink:#0e1111;--muted:#6b7280;--line:#ececec;--white:#ffffff;--radius:14px;--container:1080px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--white);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;padding:11px 20px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--green);color:#06210f}.btn--primary:hover{background:var(--green-dark)}.btn--ghost{background:var(--white);color:var(--ink);border-color:var(--line)}.btn--ghost:hover{border-color:var(--green)}.btn--lg{padding:14px 26px;font-size:16px}.btn .x-icon{margin-right:8px;flex-shrink:0}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.5px;font-size:19px}.brand__dot{width:12px;height:12px;border-radius:50%;background:var(--green)}.nav__links{display:flex;gap:30px;font-size:15px;color:var(--muted)}.nav__links a:hover{color:var(--ink)}.hero{padding:80px 0 88px}.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:64px;gap:64px;align-items:center}.hero__copy{text-align:left}.badge{display:inline-flex;align-items:center;gap:9px;background:var(--green-soft);color:var(--green-dark);font-weight:600;font-size:13px;padding:7px 15px;border-radius:999px;margin-bottom:26px}.badge__pulse{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}.hero__title{font-size:clamp(32px,3.4vw,46px);font-weight:800;line-height:1.08;letter-spacing:-1.4px;margin:0 0 20px}.hero__line{display:block}.hero__accent{color:var(--green-dark)}.hero__sub{font-size:18px;color:var(--muted);max-width:480px;margin:0 0 34px}.hero__actions{display:flex;gap:14px;flex-wrap:wrap}.board{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:0 24px 60px rgba(17,24,20,.07)}.board__head{display:flex;align-items:baseline;justify-content:space-between;padding:16px 16px 14px}.board__title{font-size:17px;font-weight:800;letter-spacing:-.3px}.board__meta{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.board__list{list-style:none;display:flex;flex-direction:column;gap:8px}.qrow{display:flex;align-items:center;gap:16px;padding:16px;border-radius:14px;background:#f8faf9;border:1px solid transparent;transition:border-color .16s ease,background .16s ease,transform .16s ease}.qrow--live{cursor:pointer}.qrow--live:hover{border-color:var(--green);background:var(--green-soft);transform:translateY(-2px)}.qrow__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;border-radius:12px;background:var(--green);color:#fff}.qrow__main{display:flex;flex-direction:column;gap:3px;flex:1 1}.qrow__title{font-size:17px;font-weight:700;letter-spacing:-.2px}.qrow__reward{font-size:13px;font-weight:600;color:var(--green-dark)}.qrow__status{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:#eceeed;padding:5px 11px;border-radius:999px;white-space:nowrap}.qrow__status--live{color:var(--green-dark);background:var(--green-soft)}.board__foot{font-size:13px;color:var(--muted);text-align:center;padding:16px 16px 12px}.ca{display:inline-flex;align-items:center;gap:10px;margin-top:30px;background:#f6f7f8;border:1px solid var(--line);border-radius:999px;padding:7px 7px 7px 16px;max-width:100%}.ca__label{font-size:12px;font-weight:700;color:var(--green-dark);letter-spacing:.5px}.ca__text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.ca__copy{border:none;cursor:pointer;background:var(--green);color:#06210f;font-weight:600;font-size:13px;padding:7px 14px;border-radius:999px;transition:background .16s ease}.ca__copy:hover{background:var(--green-dark)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.qpage{padding:64px 0 96px}.qpage__title{font-size:clamp(34px,4.4vw,50px);font-weight:800;letter-spacing:-1.4px;margin:0 0 16px}.qpage__sub{font-size:18px;color:var(--muted);max-width:600px;margin:0 0 44px}.qlist{display:flex;flex-direction:column;gap:16px}.qcard{display:flex;align-items:center;gap:22px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;transition:border-color .16s ease,transform .16s ease}.qcard:hover{border-color:var(--green);transform:translateY(-2px)}.qcard__icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;min-width:58px;border-radius:14px;background:var(--green);color:#fff}.qcard__body{flex:1 1}.qcard__top{display:flex;align-items:center;gap:14px;margin-bottom:6px}.qcard__title{font-size:22px;font-weight:800;letter-spacing:-.4px}.qcard__status{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:#eceeed;padding:5px 11px;border-radius:999px;white-space:nowrap}.qcard__status--live{color:var(--green-dark);background:var(--green-soft)}.qcard__desc{color:var(--muted);font-size:15px;margin-bottom:10px;max-width:560px}.qcard__reward{font-size:14px;font-weight:700;color:var(--green-dark)}.qcard__action{flex-shrink:0}.btn--soon{background:#f1f2f4;color:var(--muted);cursor:not-allowed}.btn--soon:active{transform:none}.qpage__cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:48px;padding:32px 36px;background:var(--green-soft);border:1px solid #d6f3df;border-radius:20px}.qpage__cta p{font-size:17px;font-weight:600;color:var(--ink)}.how{padding:18px 0 86px}.how__head{margin-bottom:40px}.how__title{font-size:clamp(26px,3.4vw,36px);font-weight:800;letter-spacing:-.8px}.how__sub{color:var(--muted);font-size:17px;margin-top:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;border-top:1px solid var(--line);padding-top:40px}.step{display:flex;gap:16px;align-items:flex-start}.step__num{font-size:15px;font-weight:800;color:var(--green-dark);flex-shrink:0}.step__title{font-size:18px;font-weight:700;margin-bottom:6px}.step__desc{color:var(--muted);font-size:15px}.faqsec{padding:0 0 96px}.faqsec__grid{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:56px;gap:56px;align-items:start}.faqsec__head .how__title{margin-bottom:0}.faqsec__head .btn{margin-top:24px}.faq{display:flex;flex-direction:column;gap:12px}.faq__item{border:1px solid var(--line);border-radius:12px;padding:18px 22px;background:var(--white)}.faq__item summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq__item summary:after{content:"+";color:var(--green-dark);font-size:22px;font-weight:700}.faq__item[open] summary:after{content:"−"}.faq__item p{color:var(--muted);font-size:15px;margin-top:12px}.footer{border-top:1px solid var(--line);padding:30px 0}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.brand--sm{font-size:16px}.footer__links{display:flex;gap:22px;font-size:14px;color:var(--muted)}.footer__links a:hover{color:var(--green-dark)}.footer__note{color:var(--muted);font-size:14px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;font-size:14px;font-weight:500;padding:12px 20px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100}.toast--show{opacity:1;transform:translateX(-50%) translateY(0)}.quest-toast{position:fixed;bottom:32px;right:32px;z-index:200;display:flex;align-items:center;gap:0;background:var(--green);border-radius:999px;padding:0;overflow:hidden;box-shadow:0 8px 40px rgba(31,216,84,.4),0 2px 12px rgba(0,0,0,.18);opacity:0;transform:translateY(24px) scale(.95);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none;max-width:420px;width:max-content}.quest-toast--show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.quest-toast__icon{width:64px;height:64px;min-width:64px;background:rgba(255,255,255,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:8px}.quest-toast__body{display:flex;flex-direction:column;gap:2px;padding:12px 4px 12px 8px;flex:1 1}.quest-toast__label{font-size:11px;font-weight:700;color:rgba(255,255,255,.75);letter-spacing:.8px;text-transform:uppercase}.quest-toast__title{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.3px;line-height:1.15}.quest-toast__pts{font-size:13px;font-weight:700;color:rgba(255,255,255,.85);margin-top:1px}.quest-toast__close{background:none;border:none;color:rgba(255,255,255,.6);font-size:22px;line-height:1;cursor:pointer;padding:0 18px 0 8px;align-self:stretch;display:flex;align-items:center;transition:color .15s;flex-shrink:0}.quest-toast__close:hover{color:#fff}@media (max-width:500px){.quest-toast{right:12px;left:12px;bottom:20px;max-width:unset;width:auto;border-radius:18px}}@media (max-width:920px){.hero__grid{gap:40px}.hero__grid,.steps{grid-template-columns:1fr}.steps{gap:28px}.faqsec__grid{grid-template-columns:1fr;gap:32px}}@media (max-width:620px){.nav__links{display:none}.qcard{flex-direction:column;align-items:flex-start;gap:16px}.qcard__action,.qcard__action .btn{width:100%}}