:root{--g:#0f7a43;--g2:#0a5c32;--pale:#e8f5ed;--ink:#14201a;--muted:#5f6b64;--line:#e3e9e5;--bg:#f6f8f6;--r:16px;--sh:0 1px 3px rgba(20,32,26,.05),0 6px 18px rgba(20,32,26,.05);--head:"Plus Jakarta Sans","Inter",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}svg{display:block}
:focus-visible{outline:3px solid #0f7a4355;outline-offset:2px;border-radius:8px}
h1,h2,h3{font-family:var(--head);margin:0;letter-spacing:-.02em}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.topnote{background:var(--g2);color:#fff;text-align:center;font-size:12px;font-weight:600;letter-spacing:.08em;padding:9px 12px}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:24px;height:68px}
.logo{display:flex;align-items:center;gap:10px;font:800 26px var(--head);letter-spacing:-.04em;white-space:nowrap}.logo svg{width:36px;height:36px}.logo b{color:var(--g)}
.links{display:flex;gap:4px}.links a{padding:8px 14px;border-radius:10px;font-size:14px;font-weight:600;color:var(--muted)}.links a:hover{background:var(--pale);color:var(--g)}
.search{position:relative;flex:1;max-width:420px;margin-left:auto}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}
.search input{width:100%;height:44px;border:1px solid var(--line);border-radius:12px;background:#f1f4f2;padding:0 14px 0 42px;font-size:14px;outline:none;transition:.15s}.search input:focus{background:#fff;border-color:var(--g);box-shadow:0 0 0 4px #0f7a4318}
.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;padding:56px 0 30px}
.badge{display:inline-flex;align-items:center;gap:8px;background:var(--pale);color:var(--g2);font-size:13px;font-weight:600;padding:6px 12px;border-radius:99px;margin-bottom:18px}.badge i{width:7px;height:7px;border-radius:50%;background:var(--g)}
.hero h1{font-size:clamp(38px,5.4vw,62px);line-height:1.03;font-weight:800;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--g)}
.hero p{font-size:18px;color:var(--muted);max-width:460px;margin:16px 0 26px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:var(--g);color:#fff;font-weight:600;padding:13px 20px;cursor:pointer;transition:.15s}.btn:hover{background:var(--g2);transform:translateY(-1px)}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{background:var(--pale);color:var(--g2)}.btn.sm{padding:10px 14px;font-size:13px;white-space:nowrap}.btn svg{width:16px;height:16px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap}
.hero-art{position:relative;height:320px;isolation:isolate}.hero-art:before{content:"";position:absolute;left:50%;top:50%;width:290px;height:290px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--pale) 70%);z-index:-1}.float{position:absolute;width:150px;height:104px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh);padding:16px}.float svg{width:100%;height:100%}.float:nth-child(1){left:8%;top:12%;transform:rotate(-6deg)}.float:nth-child(2){right:8%;top:6%;transform:rotate(5deg)}.float:nth-child(3){left:calc(50% - 75px);bottom:6%;transform:rotate(-2deg)}
.cats{display:flex;gap:8px;overflow-x:auto;padding:14px 2px 22px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}
.pill{border:1px solid var(--line);background:#fff;padding:9px 18px;border-radius:99px;white-space:nowrap;cursor:pointer;font-size:14px;font-weight:600;color:var(--muted);transition:.15s}.pill:hover{border-color:var(--g);color:var(--g)}.pill.active{background:var(--g);border-color:var(--g);color:#fff}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin:10px 0 16px}.sec-head h2{font-size:26px;font-weight:700}.sec-head span{color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tile{display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex:0 0 64px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px}.tile svg{width:100%;height:100%}
.card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--sh);transition:.18s;min-width:0}a.card:hover{transform:translateY(-3px);border-color:#b9dcc7;box-shadow:0 12px 28px rgba(20,32,26,.1)}
.info{flex:1;min-width:0}.info strong{display:block;font:700 16px var(--head)}.info small{display:block;color:var(--muted);font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chev{width:20px;height:20px;color:#9aa6a0;flex:none}a.card:hover .chev{color:var(--g)}
.featured{margin-top:44px}.featured .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured .card{padding:18px}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:36px 0}.empty button{margin-top:10px}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:44px 0 40px}.trust div{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}.trust svg{width:40px;height:40px;flex:none;padding:9px;border-radius:12px;background:var(--pale);color:var(--g)}.trust b{display:block;font:700 15px var(--head)}.trust span{font-size:13px;color:var(--muted)}
footer{background:#fff;border-top:1px solid var(--line);padding:28px 0 36px;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.flinks{display:flex;gap:22px;justify-content:center;margin-bottom:12px;font-weight:600;color:var(--ink)}.flinks a:hover{color:var(--g)}
.page{display:none;min-height:60vh}.page.active{display:block}
.crumb{padding:24px 0 4px;color:var(--muted);font-size:14px}.crumb a{color:var(--g);font-weight:600}
.reward,.doc{max-width:680px;margin:0 auto;padding:20px 0 56px}.reward{text-align:center;--bc:var(--g);--bp:var(--pale)}
.rlogo{width:112px;height:112px;margin:0 auto 18px;border-radius:28px;background:var(--bp);display:grid;place-items:center;padding:20px}.rlogo svg{width:100%;height:100%}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--bc);margin-bottom:8px}
.reward h1{font-size:clamp(30px,4.5vw,42px);font-weight:800;margin-bottom:12px}.intro{color:var(--muted);max-width:540px;margin:0 auto 26px}
.steps{display:grid;gap:12px;text-align:left;margin-bottom:22px}.step{display:flex;gap:16px;align-items:center;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.num{width:42px;height:42px;flex:none;border-radius:12px;background:var(--bc);color:#fff;display:grid;place-items:center;font:700 17px var(--head)}.step strong{display:block;font:700 16px var(--head)}.step p{margin:3px 0 0;font-size:14px;color:var(--muted)}
.go{width:100%;background:var(--bc);padding:16px;font-size:17px;border-radius:14px;box-shadow:0 8px 20px rgba(20,32,26,.15)}.go:hover{background:var(--bc);filter:brightness(.9)}
.note{font-size:13px;line-height:1.7;color:var(--muted);max-width:560px;margin:14px auto 24px}
.faq{text-align:left;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:16px 2px}.faq summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::after{content:"+";color:var(--g);font-size:20px;line-height:1}.faq details[open] summary::after{content:"–"}.faq p{margin:10px 0 0;font-size:14px;color:var(--muted)}
.rh{font-size:20px;font-weight:700;text-align:left;margin:0 0 12px}.elig{text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin:6px 0 20px}.elig ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.elig li{position:relative;padding-left:28px;font-size:14px;color:var(--muted)}.elig li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--bp);color:var(--bc);font-size:12px;font-weight:700;display:grid;place-items:center}.back{display:inline-block;margin-top:22px;color:var(--bc);font-weight:600}
.doc h1{font-size:34px;margin-bottom:14px}.doc p{color:var(--muted)}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr;padding-top:36px}.hero-art{height:220px}.links{display:none}.search{max-width:none}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.nav{gap:12px;height:62px}.logo{font-size:23px}.logo svg{width:32px;height:32px}.logo b{display:none}.logo{font-size:20px}.grid,.featured .grid{grid-template-columns:1fr}.trust{grid-template-columns:1fr}.tile{width:56px;height:56px;flex-basis:56px}.hero p{font-size:16px}.hero-art{height:190px}.hero-art:before{width:190px;height:190px}.float{width:112px;height:78px;padding:10px;border-radius:16px}.float:nth-child(3){left:calc(50% - 56px)}.sec-head h2{font-size:22px}.featured .card{flex-wrap:wrap}.featured .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}



@media(max-width:620px){}

.topnote{background:linear-gradient(90deg,#0a5c32,#0f7a43,#0a5c32)}.sec-head h2{position:relative;padding-left:14px}.sec-head h2:before{content:"";position:absolute;left:0;top:.22em;bottom:.22em;width:5px;border-radius:4px;background:var(--g)}.hero h1 em{background:linear-gradient(transparent 72%,#bfe7cf 72%);padding:0 4px;border-radius:4px}
.chip{display:inline-block;font-style:normal;font-size:11px;font-weight:700;background:#fff1e6;color:#a84208;padding:2px 9px;border-radius:99px;margin-left:8px;vertical-align:2px;white-space:nowrap}


.ticket{display:inline-flex;align-items:center;gap:16px;border:2px dashed #ffb27a;border-radius:16px;padding:12px 20px;background:#ffffff14;margin:16px 0 4px}.ticket small{display:block;font-size:11px;letter-spacing:.16em;font-weight:700;color:#ffd2b0}.ticket b{display:block;font:800 clamp(34px,5vw,50px)/1.05 var(--head);background:linear-gradient(90deg,#ffe08a,#ff8a3a);-webkit-background-clip:text;background-clip:text;color:transparent}.ticket .cp{border-left:2px dashed #ffffff44;padding-left:16px;font-size:13px;line-height:1.4;color:#e6d5f2}

.reward .ticket{border-color:var(--bc);background:var(--bp);margin:0 auto 22px}.reward .ticket small{color:var(--bc)}.reward .ticket b{background:none;-webkit-text-fill-color:var(--bc);color:var(--bc)}

@media(max-width:620px){.ticket{padding:10px 16px}}

:root{--g:#c4272f;--g2:#9b1c23;--pale:#fdecec;--bg:#fbf8f5}
:focus-visible{outline-color:#c4272f66}.search input:focus{box-shadow:0 0 0 4px #c4272f1f}
.logo b{color:#1b6b3a}a.card:hover{border-color:#efc2c5}.chip{background:#e3f4e8;color:#14532d}.trust svg{background:#e3f4e8;color:#14532d}.hero h1 em{background:linear-gradient(transparent 72%,#f8d3d5 72%)}.sec-head h2:before{background:linear-gradient(#c4272f 50%,#1b6b3a 50%)}
.hero-art:before{background:radial-gradient(circle at 35% 30%,#fff,#fbe3e4 70%)}
.lights{height:16px;background:radial-gradient(circle at 12px 8px,#ff5a5f 4px,transparent 5px),radial-gradient(circle at 36px 8px,#ffd166 4px,transparent 5px),radial-gradient(circle at 60px 8px,#3ddc84 4px,transparent 5px),radial-gradient(circle at 84px 8px,#4dabf7 4px,transparent 5px);background-size:96px 16px;background-repeat:repeat-x;animation:tw 2.4s ease-in-out infinite alternate}@keyframes tw{from{opacity:.6}to{opacity:1}}
.orn{position:absolute;width:42px;top:-10px;transform-origin:50% 0;animation:swing 4s ease-in-out infinite alternate;z-index:2}.orn.o1{left:30%}.orn.o2{right:28%;animation-delay:-2s;width:36px}@keyframes swing{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
.snow{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.snow i{position:absolute;top:-14px;border-radius:50%;background:#fff;border:1px solid #cfe0f2;box-shadow:0 0 5px rgba(120,160,210,.35);animation:fall linear infinite}@keyframes fall{to{transform:translate3d(34px,108vh,0)}}
@media(prefers-reduced-motion:reduce){.lights,.orn,.snow i{animation:none!important}}
@media(max-width:620px){.orn{width:30px}.orn.o2{width:26px}}

.hot{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#fff;background:linear-gradient(90deg,#ff7a18,#e8222b);padding:2px 9px 2px 6px;border-radius:99px;margin-left:6px;vertical-align:2px;white-space:nowrap}.hot svg,.hotb svg{width:11px;height:11px;animation:flick 1s ease-in-out infinite alternate}@keyframes flick{from{transform:scale(.9)}to{transform:scale(1.15)}}
.hotb{display:inline-flex;align-items:center;gap:4px;margin-left:10px;font-size:11px;letter-spacing:.08em;color:#fff;background:linear-gradient(90deg,#ff7a18,#e8222b);padding:3px 10px 3px 8px;border-radius:99px;vertical-align:1px}.hotb svg{width:12px;height:12px}
.featured{margin-top:6px;margin-bottom:30px}.hot-h{display:flex;align-items:center;gap:8px}.hot-h svg{width:24px;height:24px;color:#ee4d1d}.featured .card{border-color:#ffd6b8;background:linear-gradient(135deg,#fff,#fff5ec)}.featured .card:hover{border-color:#ffb27a}
footer{position:relative;margin-top:34px}footer:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:radial-gradient(circle at 10px 14px,#fff 10px,transparent 11px) repeat-x;background-size:20px 14px}
.hero{background:radial-gradient(circle at 8% 0,#fde3e4,transparent 34%),radial-gradient(circle at 96% 12%,#e3f4e8,transparent 32%);border-radius:0 0 28px 28px;padding-left:4px;padding-right:4px}
@media(prefers-reduced-motion:reduce){.hot svg,.hotb svg{animation:none!important}}

.rlogo{width:128px;height:128px;padding:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}.num{width:48px;height:48px;border-radius:14px;background:var(--bp);color:var(--bc)}.num svg{width:24px;height:24px}.sn{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--bc);margin-bottom:1px}.elig li{padding-left:32px}.elig li svg{position:absolute;left:0;top:-1px;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--bp);color:var(--bc)}.elig li:before{content:none}.faq summary::after{content:none}.faq summary svg{width:18px;height:18px;flex:none;color:var(--bc,var(--g));transition:transform .2s}.faq details[open] summary svg{transform:rotate(180deg)}
.nav>.links:last-child{margin-left:auto}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:8px;background:#fff;padding:8px 12px;border-radius:8px;z-index:20}