/* ═══ Modern Vue — Tailwind Tamamlayıcı Stiller ═══ */

/* Masonry Grid */
.masonry-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 240px;
    gap: 1rem;
}
.masonry-tall { grid-row: span 2; }
.masonry-item { cursor: pointer; }

@media (max-width: 1024px) { .masonry-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 200px; } }
@media (max-width: 640px)  { .masonry-grid { grid-template-columns: 1fr; grid-auto-rows: 240px; } .masonry-tall { grid-row: span 1; } }

/* Page Hero for inner pages */
.inner-hero {
    padding: 9rem 0 4rem;
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
    text-align: center;
}

/* Scroll-triggered reveals */
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
.reveal.visible { opacity: 1; transform: none; }

/* Form message styles */
.form-msg { padding: .75rem 1rem; border-radius: .75rem; font-size: .9rem; margin-bottom: 1rem; }
.form-msg.success { background: #ecfdf5; color: #065f46; }
.form-msg.error { background: #fef2f2; color: #991b1b; }