body{font-family:Arial,"Microsoft JhengHei",sans-serif;background:#0f172a;color:#e2e8f0;margin:0}
.container{max-width:1100px;margin:0 auto;padding:24px}
.card{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:24px;margin-bottom:20px}
.input,.button{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #334155;box-sizing:border-box}
.input{background:#0b1220;color:#e5e7eb;margin-bottom:12px}
.button{background:#22c55e;color:#052e16;font-weight:bold;cursor:pointer}
.nav a{color:#93c5fd;text-decoration:none;margin-right:14px}
.hero{padding:72px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.badge{display:inline-block;background:#1d4ed8;color:#eff6ff;padding:6px 10px;border-radius:999px;font-size:12px}
.alert{padding:12px 14px;border-radius:10px;background:#14532d;color:#dcfce7;margin-bottom:12px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #1f2937;padding:10px;text-align:left}