/* Небольшие анимации и эффекты для сайта */
.btn { transition: transform .18s ease, box-shadow .18s ease; }
.btn:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(20,20,50,0.12); }
.card { transition: transform .12s ease, box-shadow .12s ease; }
.card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(20,20,50,0.08); }

.embed-responsive { position: relative; padding-bottom: 56.25%; height:0; overflow:hidden; border-radius:12px; }
.embed-responsive iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }

.bb-code { background:#0f1724; color:#e6eef8; padding:12px; border-radius:8px; overflow:auto; }
.bb-quote { border-left:4px solid #7b59ff; padding:8px 12px; background:rgba(123,89,255,0.04); border-radius:6px; }

.attach-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin-top:12px; }
.attach-item img { max-width:100%; height:auto; border-radius:8px; display:block; }
.attach-video { width:100%; border-radius:8px; }