:root{--brand-green:#1aa14a;--brand-green-600:#15883e;--brand-green-700:#116c31;--brand-green-50:#eaf7ef;--brand-red:#e11d2a;--brand-red-600:#c4151f;--brand-flame:#f59e0b;--bg:#f4f7f5;--card:#ffffff;--ink:#0a140e;--ink-soft:#5b6b62;--line:#e4ebe6;--radius:18px;--shadow:0 10px 30px rgba(17,108,49,0.10)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:center;padding:18px 20px 14px;background:#fff;border-bottom:1px solid var(--line)}.topbar img{height:40px;width:auto}.hero{margin:16px;padding:24px;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,var(--brand-green) 0,var(--brand-green-700) 100%);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-30px;top:-30px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.08)}.hero .label{font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:.85}.hero .points{font-size:46px;font-weight:800;line-height:1.05;margin-top:6px}.hero .points small{font-size:18px;font-weight:600;opacity:.9;margin-left:6px}.hero .who{margin-top:10px;font-size:14px;opacity:.9}.section{padding:6px 16px 16px}.section h2{font-size:15px;letter-spacing:.3px;margin:14px 4px 10px;color:var(--ink)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 4px 14px rgba(10,20,14,.04)}.promo{display:flex;align-items:center;gap:14px;margin-bottom:12px}.promo .badge{flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:var(--brand-green-50);color:var(--brand-green-700)}.promo .badge.discount{background:#fdeaea;color:var(--brand-red-600)}.promo .badge.draw{background:#fff4e0;color:#b8770a}.promo .body{flex:1 1 auto;min-width:0}.promo .title{font-weight:700;font-size:15px}.promo .meta{color:var(--ink-soft);font-size:13px;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;cursor:pointer;font-size:16px;font-weight:700;padding:14px 18px;width:100%;background:var(--brand-green);color:#fff;transition:transform .05s ease,background .15s ease}.btn:active{transform:scale(.99)}.btn:hover{background:var(--brand-green-600)}.btn:disabled{opacity:.55;cursor:default}.btn.small{width:auto;padding:9px 14px;font-size:14px;border-radius:12px}.btn.ghost{background:transparent;color:var(--brand-green-700);border:1.5px solid var(--brand-green)}.btn.red{background:var(--brand-red)}.btn.red:hover{background:var(--brand-red-600)}.field{margin:10px 0}.field label{display:block;font-size:13px;color:var(--ink-soft);margin:0 4px 6px}.input{width:100%;padding:15px 16px;font-size:17px;border:1.5px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}.input:focus{outline:none;border-color:var(--brand-green);box-shadow:0 0 0 3px var(--brand-green-50)}.signin{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:28px 22px}.signin .logo{text-align:center;margin-bottom:8px}.signin .logo img{height:68px}.signin .tag{text-align:center;color:var(--ink-soft);margin:4px 0 22px}.signin h1{text-align:center;font-size:22px;margin:0 0 4px}.error{color:var(--brand-red-600);background:#fdeaea;border:1px solid #f6c9cc;border-radius:12px}.error,.toast{padding:11px 14px;font-size:14px;margin:10px 0}.branch-hint,.toast{color:var(--brand-green-700);background:var(--brand-green-50);border:1px solid #bfe6cd;border-radius:12px}.branch-hint{padding:10px 13px;font-size:13.5px;margin:2px 0 14px;text-align:center}.branch-hint strong{font-weight:700}.muted{color:var(--ink-soft);font-size:14px}.center{text-align:center}.spacer{flex:1 1}.footer{text-align:center;color:var(--ink-soft);font-size:12px;padding:18px}.link{color:var(--brand-green-700);background:none;border:none;font-size:14px;cursor:pointer;text-decoration:underline}.skeleton{height:46px;border-radius:12px;background:linear-gradient(90deg,#eef3f0,#f7faf8,#eef3f0);background-size:200% 100%;animation:sh 1.2s infinite}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.tile{display:flex;flex-direction:column;gap:3px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 14px;text-decoration:none;color:var(--ink);box-shadow:0 4px 14px rgba(10,20,14,.04);position:relative;min-height:104px}.tile:active{transform:scale(.99)}.tile-icon{font-size:26px}.tile-title{font-weight:700;font-size:15px;margin-top:4px}.tile-desc{color:var(--ink-soft);font-size:12.5px;line-height:1.35}.tile.disabled{opacity:.6}.tile-soon{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;color:var(--brand-flame);background:#fff4e0;padding:2px 7px;border-radius:999px}