@font-face {
    font-family: 'Almarai';
    src: url('/fonts/almarai/Almarai-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Almarai';
    src: url('/fonts/almarai/Almarai-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Almarai';
    src: url('/fonts/almarai/Almarai-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Almarai';
    src: url('/fonts/almarai/Almarai-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

body {
  font-family: 'Almarai', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  margin: 0;
  overflow-x: hidden;
}

.glass {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.animate-in {
  animation-duration: 300ms;
  animation-fill-mode: both;
}

.slide-in-from-top {
  animation-name: slideInFromTop;
}

@keyframes slideInFromTop {
  from { transform: translateY(-10px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.duration-300 { animation-duration: 300ms; }

/* line-clamp-2 (avoid plugin dependency) */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}