/* ==================== SHARED STYLES ==================== */

/* Material Symbols */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.icon-fill {
  font-variation-settings: 'FILL' 1;
}

/* Ambient Shadows */
.shadow-level-1 {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

.shadow-level-2 {
  box-shadow: 0px 10px 30px rgba(37, 99, 235, 0.12);
}

/* Gradient */
.bg-growth-gradient {
  background: linear-gradient(90deg, #2563EB 0%, #F59E0B 100%);
}

/* ==================== CONTACT PAGE ==================== */

.glass-card {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.soft-shadow {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

.hover-shadow:hover {
  box-shadow: 0px 10px 30px rgba(79, 70, 229, 0.1);
}

.input-glow:focus {
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
  outline: none;
}

/* ==================== RESOURCES PAGE ==================== */

.ambient-shadow {
  box-shadow: 0 16px 32px -4px rgba(37, 99, 235, 0.06), 0 8px 16px -4px rgba(37, 99, 235, 0.03);
}

/* ==================== MBA PAGE ==================== */

.impact-btn {
  background-color: #f34714;
  color: #ffffff;
  transition: all 0.2s ease;
  border: 2px solid #f34714;
}

.impact-btn:hover {
  background-color: #d13d11;
  border-color: #d13d11;
  transform: translateY(-2px);
}

.impact-btn-outline {
  background-color: transparent;
  color: #121212;
  border: 2px solid #121212;
  transition: all 0.2s ease;
}

.impact-btn-outline:hover {
  background-color: #121212;
  color: #ffffff;
}

.impact-card {
  background-color: #ffffff;
  border: 1px solid rgba(18, 18, 18, 0.1);
  transition: all 0.3s ease;
}

.impact-card:hover {
  border: 2px solid #f34714;
}

.featured-card {
  border-top: 8px solid #f34714;
}

.impact-input {
  border: 1px solid #121212;
  transition: all 0.2s ease;
  border-radius: 0;
}

.impact-input:focus {
  border: 2px solid #f34714;
  outline: none;
  box-shadow: none;
}

.grid-bg {
  background-size: 40px 40px;
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
}

/* ==================== SAMARTH PAGE ==================== */

.kinetic-border {
  border: 1px solid rgba(18, 18, 18, 0.1);
}

.kinetic-border:hover {
  border: 2px solid #4f46e5;
}

.pillar-card:hover .pillar-icon {
  transform: scale(1.1) rotate(-5deg);
  color: #4f46e5;
}

.impact-gradient {
  background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
}