*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Mongolian,Helvetica Neue,Arial,sans-serif;background:#fafbfd;color:#1f2329;font-size:16px;line-height:1.55}a{color:#1457dc;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;padding:12px 20px;border-radius:8px;border:1px solid #cdd0d6;background:#fff;font-weight:500}button.primary{background:#1457dc;color:#fff;border-color:#1457dc}button.primary:hover{background:#0f47b9}button.cta{font-size:18px;padding:14px 28px}button.danger{background:#d6332e;color:#fff;border-color:#d6332e}button:disabled{opacity:.5;cursor:not-allowed}input{font:inherit;padding:12px 14px;border-radius:8px;border:1px solid #cdd0d6;background:#fff;width:100%}input:focus{outline:2px solid #1457dc;outline-offset:-1px}.header{border-bottom:1px solid #e5e7eb;background:#fff;padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-inner{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:24px}.header-brand{font-weight:700;font-size:16px;color:#1f2329}.header nav{display:flex;gap:18px;margin-left:auto;font-size:14px}.header nav a{color:#4b5360}.header nav a:hover{color:#1457dc}.container{max-width:1100px}.container,.container-narrow{margin:0 auto;padding:32px 20px}.container-narrow{max-width:720px}.hero{background:linear-gradient(135deg,#1457dc,#0a3a99);color:#fff;padding:60px 20px;text-align:center}.hero h1{margin:0 0 12px;font-size:34px}.hero .tagline{opacity:.85;font-size:16px;margin-bottom:10px}.hero .sub{opacity:.92;font-size:16px;white-space:pre-line;max-width:600px;margin:12px auto 28px}.hero .bullets{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:20px 0 28px;font-size:15px;opacity:.95}.hero .warn{display:inline-block;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.32);padding:8px 16px;border-radius:20px;font-size:14px;margin-top:18px}.card{background:#fff;border:1px solid #ebedf0;border-radius:12px;padding:20px;margin-bottom:16px}.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.pkg-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;transition:border-color .15s,transform .15s;cursor:pointer}.pkg-card:hover{border-color:#1457dc;transform:translateY(-1px)}.pkg-card.selected{border-color:#1457dc;box-shadow:0 0 0 3px rgba(20,87,220,.12)}.pkg-name{font-weight:600;margin-bottom:8px}.pkg-spec{font-size:14px;color:#5f6877;margin-bottom:12px}.pkg-price{font-size:22px;font-weight:700;color:#1f2329}.pkg-topup-badge{font-size:11px;color:#11652a;background:#d6f0db;padding:2px 8px;border-radius:99px;margin-left:8px;vertical-align:middle}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;background:#ebedf0;color:#1f2329}.badge.ok{background:#d6f0db;color:#11652a}.badge.warn{background:#ffe7c2;color:#7a4900}.badge.fail{background:#ffd6d4;color:#8a1c18}.badge.info{background:#d3e3ff;color:#0a3a99}.error-msg{background:#ffeceb;color:#8a1c18}.error-msg,.warn-banner{padding:12px 14px;border-radius:8px;margin:12px 0}.warn-banner{background:#fff4d6;color:#7a4900;font-size:14px}.success-banner{background:#d6f0db;color:#11652a;padding:12px 14px;border-radius:8px;margin:12px 0}.muted{color:#8b919b}.steps li{margin-bottom:8px}.qr-wrap{display:flex;flex-direction:column;align-items:center;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}.dev-note{margin-top:16px;padding:10px 14px;background:#fff4d6;border-radius:8px;font-size:13px;color:#7a4900}.footer{border-top:1px solid #e5e7eb;background:#fff;margin-top:48px;padding:24px 0}.footer-inner{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:14px}.footer-links{display:flex;flex-wrap:wrap;gap:18px;font-size:14px}.footer-links a{color:#4b5360}.footer-links a:hover{color:#1457dc}.footer-copy{font-size:13px;color:#8b919b}@media (max-width:768px){body,html{font-size:15px}.container,.container-narrow{padding:20px 14px}.hero{padding:40px 16px}.hero h1{font-size:26px}.hero .sub,.hero .tagline{font-size:14px}.hero .sub{margin:10px auto 20px}.hero .bullets{gap:8px 16px;font-size:13px;margin:14px 0 20px}.hero .warn{font-size:13px;padding:8px 14px;line-height:1.4}.header{padding:8px 0}.header-inner{padding:0 14px;gap:10px;flex-wrap:wrap}.header nav{gap:10px;font-size:13px}.pkg-grid{grid-template-columns:1fr;gap:12px}.pkg-card{padding:14px}.pkg-price{font-size:20px}button.cta{font-size:16px;padding:12px 24px}button{padding:10px 16px}input,select,textarea{font-size:16px}.card{margin-bottom:12px}.card,.qr-wrap{padding:14px}.mono{font-size:11px}.footer-inner{padding:0 14px}.footer-links{gap:12px;font-size:13px}.footer-copy{font-size:12px}}@media (max-width:380px){.hero h1{font-size:22px}.hero .bullets{flex-direction:column;align-items:center}}.legal-page h2{margin-top:28px;font-size:18px}.legal-page li,.legal-page p{line-height:1.7;color:#2c3340}.legal-page .updated{font-size:13px;color:#8b919b;margin-bottom:24px}.legal-page .placeholder{background:#fff4d6;color:#7a4900;padding:1px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}