body{margin:4rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#e6edf3;background:#0b1220}.wrap{max-width:1200px;margin:0 auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.title{margin:0;font-size:30px;line-height:1.2;font-weight:700}.buttons{display:flex;gap:12px;flex-wrap:wrap}.buttons button{padding:10px 18px;border-radius:9999px;border:1px solid #3a455a;background:#2a3345;color:#e6edf3;cursor:pointer;transition:background-color .15s ease,transform .06s ease}.buttons button:hover{background-color:#ef4444}.wrap>.grid{flex-basis:100%;width:100%}.grid{display:grid;gap:18px;grid-template-columns:1fr 1fr 1fr}@media (max-width: 1024px){.grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.grid{grid-template-columns:1fr}}.card{background:#1b2230;border:1px solid #2b3648;border-radius:18px;padding:18px;display:grid;grid-template-columns:64px 1fr auto;grid-template-rows:auto auto;column-gap:14px;row-gap:12px;align-items:start}.card>.logo{grid-column:1;grid-row:1 / span 2;width:54px;height:54px;object-fit:contain;border-radius:14px;background:#ffffff0d;padding:8px}.card>div{grid-column:2;grid-row:1}.name{margin:0;font-size:1.1rem}.desc{margin:6px 0 0;color:#9aa4b2;line-height:1.35}.card>button{grid-column:1;grid-row:2;justify-self:start;align-self:end;padding:8px 14px;border-radius:9999px;background:#2a3345;color:#e6edf3;cursor:pointer}.card>button:hover{background-color:#ef4444}.card>:last-child{grid-column:3;grid-row:2;justify-self:end;align-self:end}.empty{color:#9aa4b2;padding:12px 0;font-style:italic}