html { 
    scroll-behavior: smooth; 
    scroll-padding-top: 140px;
}

/* 3D Gold Button Effect (Updated to Logo Gold) */
.btn-gold-3d {
    background: linear-gradient(180deg, #E5C158 0%, #D4AF37 40%, #AA8327 100%);
    box-shadow: 0 6px 0 #806015, 0 8px 16px rgba(0,0,0,0.3);
    transform: translateY(0);
    transition: all 0.15s ease;
    border: 1px solid rgba(243, 229, 171, 0.25);
}
.btn-gold-3d:hover {
    background: linear-gradient(180deg, #F3E5AB 0%, #D4AF37 40%, #AA8327 100%);
    box-shadow: 0 4px 0 #806015, 0 12px 24px rgba(0,0,0,0.4);
    transform: translateY(-2px);
}
.btn-gold-3d:active {
    box-shadow: 0 2px 0 #806015;
    transform: translateY(4px);
    transition: all 0.05s ease;
}

/* 3D Dark Gold Button (darker variant) */
.btn-gold-dark-3d {
    background: linear-gradient(180deg, #D4AF37 0%, #AA8327 50%, #806015 100%);
    box-shadow: 0 5px 0 #5c400c, 0 6px 12px rgba(0,0,0,0.3);
    transform: translateY(0);
    transition: all 0.15s ease;
    border: 1px solid rgba(229, 193, 88, 0.25);
}
.btn-gold-dark-3d:hover {
    background: linear-gradient(180deg, #D4AF37 0%, #AA8327 50%, #806015 100%);
    box-shadow: 0 3px 0 #5c400c, 0 10px 20px rgba(0,0,0,0.4);
    transform: translateY(-2px);
}
.btn-gold-dark-3d:active {
    box-shadow: 0 1px 0 #5c400c;
    transform: translateY(4px);
    transition: all 0.05s ease;
}

/* Gold text with metallic 3D effect */
.text-gold-metallic {
    background: linear-gradient(180deg, #FFF1B8 0%, #E5C158 40%, #D4AF37 70%, #AA8327 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    filter: drop-shadow(0 2px 4px rgba(170, 131, 39, 0.4));
}

/* Gold text shadow for headings */
.text-gold-shadow {
    color: #D4AF37;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 2px 4px rgba(170, 131, 39, 0.3);
}

/* Practice Area List Styling */
.practice-list li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
}
.practice-list li::before {
    content: '\f058'; /* FontAwesome check-circle */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #D4AF37;
}

/* Float Animation for Stats */
@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}