body{font-family:system-ui,Segoe UI,Arial;margin:0;background:#0b1020;color:#e8eeff}
a{color:#7aa7ff;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:20px}
.nav{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}
.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.card{background:#121a33;border:1px solid #22305c;border-radius:14px;overflow:hidden}
.card img{width:100%;height:160px;object-fit:cover;background:#0b1020}
.card .p{padding:12px}
.btn{display:inline-block;background:#2b5cff;color:#fff;padding:10px 12px;border-radius:10px;border:0;cursor:pointer}
.btn2{background:#1a244a}
.badge{font-size:12px;background:#1a244a;border:1px solid #22305c;padding:4px 8px;border-radius:999px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hr{height:1px;background:#22305c;margin:16px 0}
.small{opacity:.85;font-size:13px}
input,textarea,select{width:100%;padding:10px;border-radius:10px;border:1px solid #22305c;background:#0b1020;color:#e8eeff}
table{width:100%;border-collapse:collapse}
td,th{border-bottom:1px solid #22305c;padding:10px;text-align:left}