body{margin:0;font-family:monospace;background:#0b0c10;color:#c5c6c7}
h1{text-align:center;margin-top:20px;font-size:2em}
.container{max-width:1000px;margin:0 auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.card{background:#1f2833;padding:16px;border-radius:6px;border:1px solid #45a29e;display:flex;flex-direction:column;align-items:center;text-align:center;transition:0.2s}
.card:hover{transform:translateY(-3px);border-color:#66fcf1}
.btn{display:inline-block;width:80%;text-align:center;padding:8px 0;margin-top:8px;border-radius:4px;border:1px solid #45a29e;background:#0b0c10;color:#66fcf1;text-decoration:none;font-weight:bold}
.badge{display:inline-block;font-size:11px;padding:2px 6px;border-radius:4px;border:1px solid #45a29e;color:#66fcf1;margin-bottom:6px}