*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0f1419;color:#e6edf3;line-height:1.5}
a{color:#4ade80}header,main,footer{max-width:900px;margin:auto;padding:16px}h1{margin:.2em 0}
.hero{text-align:center;padding:40px 16px}.btn{display:inline-block;background:#22c55e;color:#04210f;padding:12px 20px;border-radius:10px;font-weight:700;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.card{background:#1a222c;border-radius:12px;padding:16px}
input,select{width:100%;padding:10px;border-radius:8px;border:1px solid #334;background:#0f1419;color:#e6edf3;font-size:16px;margin:4px 0 10px}
button{padding:10px 14px;border:0;border-radius:8px;background:#22c55e;font-weight:700;cursor:pointer}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:6px;border-bottom:1px solid #2a3440;text-align:left}
.g{color:#4ade80}.a{color:#fbbf24}.r{color:#f87171}.big{font-size:2em;font-weight:800}footer{font-size:14px;color:#9aa}.small{font-size:12px}nav.top a{margin-right:12px}