/* === Center the whole block in the middle of the page (not fixed) === */
.panel-wrap-Lu-down {
  background: linear-gradient(50deg, #363c61, #6d2c2c);
  display: flex;
  align-items: center;      
  justify-content: center;  
  min-height: 20vh;         
  padding: 12px 16px;
  position: relative;
  z-index: 50;

}

/* container with no visual background */
.button-panel-Lu-down {
  position: static;
  display: block;
  max-width: 760px;
  width: 70%;
  background: transparent;
  border: none;
  box-shadow: none;
        transform: scale(0.75);
}

/* === Horizontal row that adapts === */
.button-row-Lu-down {
  display: flex;
  gap: 12px;                
  justify-content: center;  
  align-items: center;
  flex-wrap: wrap;          
}

/* === SHARED ENHANCED 3D GLASS STYLES === */
.btn-Lu-down-long, .btn-Lu-down {
  font-family: "Poppins", sans-serif;
  font-weight: 500; 
  font-size: clamp(16px, 2.2vw, 24px);
  line-height: 9.6; /* Kept exactly as original */
  border-radius: 6px; 
  cursor: pointer;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease, background 0.3s ease, color 0.2s ease;
  box-sizing: border-box; 

  /* The Frosted Lens */
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  
  /* Specular Lighting (Bright top/left, subtle dark bottom/right) */
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-top: 2px solid rgba(247,251,208,0.65);
  border-left: 2px solid rgba(198,222,254,0.45);
  border-bottom: -1.5px solid rgba(0,0,0,0.4); /* Adds bottom physical edge */
  
  /* Complex Depth: Soft outer drop, bright inner top glow, deep inner bottom shadow */
  box-shadow: 
      0 15px 40px rgba(0, 0, 0, 0.48), 
      inset 0 8px 26px rgba(255, 255, 255, 0.15),
      inset 0 -2px 6px rgba(0, 0, 0, 0.15);
      
  /* Subtle shadow to separate text from the glass */
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

/* === Buttons with Diagonal Light Gradients === */
.btn-Lu-down-long {
  flex: 1 0 250px; 
  max-width: 320px;
  /* Original #363c61 with directional light sweep */
  background: linear-gradient(135deg, rgba(18,67,213,0.80), rgba(54, 60, 97, 0.45)); 
  color: #d1b994;
}

.btn-Lu-down {
  flex: 1 1 200px; 
  max-width: 200px;
  background: linear-gradient(135deg, rgba(18,67,213,0.80), rgba(54, 60, 97, 0.45)); 
  color: #d1b994;
}

/* Premium Hover States */
.btn-Lu-down-long:hover, .btn-Lu-down:hover {
  background: linear-gradient(135deg, rgba(61,83,250,0.90), rgba(65, 83, 217, 0.6)); /* Original #4153d9 */
  color: #fff;
  border-top: 1.5px solid rgba(255, 255, 255, 0.8);
  box-shadow: 
      0 20px 45px rgba(0, 0, 0, 0.3), 
      inset 0 3px 15px rgba(255, 255, 255, 0.3),
      inset 0 -4px 10px rgba(0, 0, 0, 0.1);
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

.btn-Lu-down-long:active, .btn-Lu-down:active {
  transform: translateY(2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2), inset 0 2px 8px rgba(255, 255, 255, 0.1);
}

/* Accent (Back to Portal) */
.btn-accent-Lu-down {
  /* Original #d09b34 with directional light sweep */
  background: linear-gradient(135deg, rgba(243,177,47,0.80), rgba(158,144,112,0.45)) !important; 
  color: #d1b994 !important; /* Brightened slightly for crisp contrast against gold */
}
.btn-accent-Lu-down:hover { 
  background: linear-gradient(135deg, rgba(41,83,255,0.90), rgba(65, 83, 217, 0.6)) !important; 
  color: #fff !important;
}

/* Ghost (Go To Top) */
.btn-ghost-Lu-down {
  /* Original #536957 with directional light sweep */
  background: linear-gradient(135deg, rgba(83,121,90,0.80), rgba(45,82,51,0.45)) !important; 
  color: #d1b994 !important;
}
.btn-ghost-Lu-down:hover { 
  background: linear-gradient(135deg, rgba(51,74,246,0.90), rgba(65, 83, 217, 0.6)) !important; 
  color: #fff !important; 
}

/* === ORIGINAL MOBILE SIZING (Untouched) === */
@media (max-width: 580px) {
  .btn-Lu-down {
    padding: 10px 12px !important;     
    font-size: 14px !important;        
    border-radius: 8px !important;
 
  }
    
  .btn-Lu-down-long {
    padding: 10px 12px !important;     
    font-size: 16px !important;        
    border-radius: 8px !important;     
    width: 100% !important;
    max-width: 200px !important; 
    box-sizing: border-box !important;     
  }

  .btn-accent-Lu-down,
  .btn-ghost-Lu-down {
    padding: 10px 12px !important;
    font-size: 14px !important;
    border-radius: 6px !important;
  }

  .button-row-Lu-down {
    gap: 8px !important;
    transform: scale(1.25); 
  }

  .panel-wrap-Lu-down {
    padding: 70px !important;
    min-height: 10vh !important;       
  }
}