html { scroll-behavior: smooth; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.hero-bg {
    background:
        linear-gradient(90deg, rgba(7,17,31,.96), rgba(7,17,31,.78), rgba(13,47,70,.46)),
        url('https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=1800&q=80') center/cover;
}
.glass { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); box-shadow: 0 24px 70px rgba(0,0,0,.18); }
.card-hover { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(8, 47, 73, .14); border-color: rgba(14,165,168,.35); }
.section-pad { padding: 5rem 1rem; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.zoom-frame img { transition: transform .25s ease; }
.zoom-frame:hover img { transform: scale(1.08); }
@media (max-width: 768px) { .section-pad { padding: 3.5rem 1rem; } }