body { margin: 0; padding: 0; font-family: Tahoma, sans-serif; background-color: var(--tg-theme-bg-color, #f3f3f3); color: var(--tg-theme-text-color, #222); display: flex; justify-content: center; }
.app-container { width: 100%; max-width: 400px; height: 100vh; display: flex; flex-direction: column; }
header { text-align: center; padding: 15px; font-weight: bold; color: #9b59b6; }
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; }
.card { width: 90%; background: #fff; border-radius: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); overflow: hidden; margin-bottom: 20px; transition: transform 0.3s ease; }
.card img { width: 100%; height: 350px; object-fit: cover; display: block; }
.info { padding: 15px; text-align: right; }
.info h3 { margin: 0 0 5px 0; font-size: 22px; }
.info p { margin: 0; color: #666; }
.actions { display: flex; gap: 20px; justify-content: center; width: 100%; }
.btn { border: none; border-radius: 50px; padding: 15px 30px; font-size: 16px; font-weight: bold; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.btn.pass { background-color: #fff; color: #e74c3c; border: 1px solid #e74c3c; }
.btn.like { background-color: #2ecc71; color: #fff; }