@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html { scroll-behavior: smooth; }
body { font-family: 'Montserrat', sans-serif; background: #fff; color: #1a1a1a; overflow-x: hidden; }

:root {
  --green: #3BB77E;
  --green-dark: #2a9a69;
  --green-light: #e8f7f1;
  --blue-acc: #5271FF;
  --text: #1a1a1a;
  --text-muted: #6b7280;
  --border: #e5e7eb;
  --bg-light: #f9fafb;
}



.slide-card { flex: 0 0 74%; aspect-ratio: 4/3; flex-shrink: 0; }
.slide-card-peek { flex: 0 0 22%; aspect-ratio: 4/3; flex-shrink: 0; }
.slide-bg-1 { background: linear-gradient(160deg,#a8d4b8,#3a7a54); }
.slide-bg-2 { background: linear-gradient(160deg,#b8d8c0,#4a8860); }
.slide-bg-3 { background: linear-gradient(160deg,#c0dcc4,#508868); }
.slide-bg-4 { background: linear-gradient(160deg,#a0ccb0,#307848); }
.arrow-prev.active { background: #5271FF !important; color: #fff !important; box-shadow: 0 4px 16px rgba(82,113,255,.4); pointer-events: all !important; }
.arrow-next.disabled { background: rgba(255,255,255,0.25) !important; color: rgba(255,255,255,0.4) !important; box-shadow: none !important; pointer-events: none !important; }

@keyframes bounce-arrow {
  0%, 100% { transform: translateY(0); opacity: 1; }
  50%       { transform: translateY(5px); opacity: 0.5; }
}