/* unified styles for MurGoo LED Banner website */

/* Document Styles for EULA & Privacy Policy */
.legal-page { font-family: 'Inter', sans-serif; line-height: 1.6; padding: 40px 20px; color: #9CA3AF; max-width: 800px; margin: 0 auto; background-color: #0B0F19; }
.legal-page h1 { color: #F8FAFC; border-bottom: 2px solid #1E293B; padding-bottom: 15px; font-size: 2.2em; font-weight: bold; margin-bottom: 30px; line-height: 1.2; }
.legal-page h2 { color: #E2E8F0; margin-top: 40px; margin-bottom: 20px; font-size: 1.5em; font-weight: bold; }
.legal-page p { margin-bottom: 1.2em; font-size: 1em; }
.legal-page ul { margin-bottom: 1.2em; padding-left: 20px; list-style-type: disc; }
.legal-page li { margin-bottom: 0.5em; font-size: 1em; }
.legal-page a { color: #60A5FA; text-decoration: none; transition: color 0.2s; }
.legal-page a:hover { color: #93C5FD; }
.legal-page strong { color: #F1F5F9; }
.warning { color: #EF4444; background-color: rgba(239, 68, 68, 0.1); padding: 15px; border: 1px solid rgba(239, 68, 68, 0.3); border-radius: 8px; font-weight: bold; margin-bottom: 1.5em; }
.legal-footer { margin-top: 60px; padding-top: 30px; border-top: 1px solid #1E293B; text-align: center; font-size: 0.875em; color: #64748B; }
.legal-footer a { color: #60A5FA; }
.legal-footer a:hover { color: #93C5FD; }

/* Index Screen Styles */
body.index-page {
    background-color: #0B0F19;
    color: #E2E8F0;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
.glow-neon {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);
}
.glow-accent {
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.3);
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0B0F19;
}
::-webkit-scrollbar-thumb {
    background: #1E293B;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #334155;
}
/* Custom styles for canvas grid overlay */
.led-overlay-grid {
    background-size: 4px 4px;
    background-image: linear-gradient(to right, rgba(0,0,0,0.15) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(0,0,0,0.15) 1px, transparent 1px);
}