main{padding:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}
.card{background:#171717;border:1px solid #262626;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;max-width:540px;margin:0 auto;}
.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#0b0b0b,#121212);display:grid;place-items:center}
.thumb .pix{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;width:120px}
.pix div{width:100%;aspect-ratio:1/1;border-radius:3px}
.c1{background:#19c37d}.c2{background:#2b68ff}.c3{background:#f4b400}.c4{background:#ff4d4f}.c5{background:#a06bff}.c6{background:#00d0d6}
.body{padding:12px 14px 14px}
.title{font-weight:700;margin:0 0 4px}
.desc{color:#aaa;margin:0 0 12px}
.row{display:flex;gap:10px;align-items:center}
a.btn{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border-radius:10px;border:1px solid #2a2a2a;background:#1b1b1b;color:#e6e6e6;text-decoration:none}
a.btn:active{transform:translateY(1px)}

.formContact {margin-left:10px;}
.comments3 { display:none; visibility:hidden; height:0; margin:0; padding:0; }
label { display:block; margin:8px 0 2px; font-weight:600; }
input[type="text"], input[type="email"], textarea { width:100%; max-width:520px; padding:8px; box-sizing:border-box; }
button { margin-top:12px; padding:8px 14px; }
.notice { margin:12px 0; padding:10px; border-radius:4px; }
.error { background:#000000; border:1px solid #ff8b8b; }
.ok { background:#000000; border:1px solid #8bff8b; }