* { box-sizing: border-box; }
body { font-family: system-ui, Arial, sans-serif; margin:0; padding:0; background:#0b0b10; color:#e8e8ec; }
.container { max-width: 960px; margin: 0 auto; padding: 24px; }
h1 { text-align:center; margin-bottom: 18px; }
.card { background:#14141c; border:1px solid #262634; padding:16px; border-radius:14px; margin-bottom: 16px; }
label { display:block; margin:10px 0 6px; }
input, select { width:100%; padding:10px; border-radius:10px; border:1px solid #2e2e3d; background:#0f0f16; color:#fff; }
button { margin-top:12px; width:100%; padding:12px; border:none; border-radius:12px; background:#6b5df0; color:#fff; font-weight:600; cursor:pointer; }
button:hover { filter: brightness(1.1); }
a.btn { display:inline-block; padding:10px 14px; background:#2a2a3a; border-radius:10px; color:#fff; text-decoration:none; }
.row { display:flex; gap:16px; flex-wrap:wrap; }
.col { flex:1 1 320px; }
.list { list-style:none; padding:0; margin:0; }
.list li { padding:10px 0; border-bottom:1px dashed #2c2c3a; display:flex; justify-content:space-between; align-items:center; }
iframe, embed { width:100%; height:82vh; border:0; }
.tag { padding:2px 8px; border:1px solid #3a3a50; border-radius:999px; font-size:12px; }