:root{--primary: #1677ff;--success: #52c41a;--error: #ff4d4f;--text: rgba(0, 0, 0, .88);--text-2: rgba(0, 0, 0, .55);--border: #d9d9d9;--bg: #f5f6f8;--card: #ffffff}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.page{max-width:480px;margin:0 auto;min-height:100%;padding:16px;display:flex;flex-direction:column;gap:12px}.page.center{align-items:center;justify-content:center;text-align:center;gap:16px}.brand{font-size:34px;font-weight:800;color:var(--primary);letter-spacing:-.5px}.brand-sm{font-size:18px;font-weight:700;color:var(--primary)}.tagline{font-size:16px;color:var(--text-2);line-height:1.5}.login-box{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8px}.fineprint{font-size:12px;color:var(--text-2);margin-top:24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 0 8px}.link{background:none;border:none;color:var(--primary);font-size:15px;cursor:pointer;padding:4px}.balance-card{background:linear-gradient(135deg,var(--primary),#4096ff);color:#fff;border-radius:16px;padding:24px;text-align:center}.balance-label{font-size:13px;opacity:.85}.balance-amount{font-size:40px;font-weight:800;margin:4px 0}.balance-sub{font-size:13px;opacity:.85}.btn{width:100%;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:16px;font-weight:600;cursor:pointer}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pkg{padding:22px 0;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--primary);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:104px;justify-content:center}.pkg:disabled{opacity:.5}.pkg-title{font-size:24px;font-weight:800}.pkg-sub{font-size:14px;color:var(--text-2);font-weight:600}.section-title{font-size:14px;font-weight:600;color:var(--text-2);margin-top:8px}.history{display:flex;flex-direction:column;gap:8px}.hist-row{display:flex;justify-content:space-between;padding:12px;background:var(--card);border-radius:10px;font-size:14px}.hist-type{color:var(--text-2)}.pos{color:var(--success);font-weight:600}.neg{color:var(--text);font-weight:600}.hint{font-size:14px;color:var(--text-2)}.error{font-size:14px;color:var(--error)}.big-check{width:72px;height:72px;border-radius:50%;background:var(--success);color:#fff;font-size:40px;line-height:72px;text-align:center}.success-msg{font-size:20px;font-weight:700}.legal{text-align:left;line-height:1.6}.legal h1{font-size:24px;margin:8px 0 4px}.legal h2{font-size:16px;margin:20px 0 6px}.legal p,.legal li{font-size:14px;color:var(--text)}.legal ul{padding-left:20px}.legal a,.fineprint a{color:var(--primary)}