body {
            font-family: 'Inter', sans-serif;
            background-color: #191820;
            color: #f4f4f5;
        }
        body {
            background-image:
                radial-gradient(ellipse at 50% -18%, rgba(124, 102, 220, .09), transparent 48%),
                linear-gradient(180deg, #1d1c25 0%, #191820 54%, #1b1a22 100%) !important;
            background-color: #191820 !important;
            background-attachment: fixed;
        }
        .bg-surface-950 { background-color: #14131a !important; }
        .bg-surface-900 { background-color: #1c1b24 !important; }
        .bg-surface-800 { background-color: #25242e !important; }
        .border-surface-800 { border-color: #302f3b !important; }
        header.bg-surface-950\/80 { background-color: rgba(20, 19, 26, .94) !important; }
        footer.bg-surface-950 { background-color: #14131a !important; }
        html { scroll-behavior: smooth; }
        :focus-visible { outline: 2px solid #9482e8; outline-offset: 3px; }
        .clean-card:hover { transform: translateY(-1px); }
        /* Painel do cliente: superfícies mais claras e texto com maior contraste */
        #viewClientPanel {
            background: linear-gradient(180deg, rgba(28, 27, 38, .72), rgba(17, 17, 23, .18));
            border-radius: 1.5rem;
        }
        #viewClientPanel .clean-card {
            background-color: #1c1b24;
            border-color: #302f3b;
            box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
        }
        #viewClientPanel .bg-surface-950 { background-color: #14131a !important; }
        #viewClientPanel .bg-surface-900 { background-color: #1c1b24 !important; }
        #viewClientPanel .bg-surface-800 { background-color: #25242e !important; }
        #viewClientPanel .border-surface-800 { border-color: #302f3b !important; }
        #viewClientPanel .border-surface-700 { border-color: #393844 !important; }
        #viewClientPanel .text-zinc-500 { color: #aaaab8; }
        #viewClientPanel .text-zinc-400 { color: #c3c3cf; }
        #viewClientPanel .text-zinc-300 { color: #dedee7; }
        #serverModal .clean-card {
            background: #17161f !important;
            background-color: #17161f !important;
            border-color: #302f3b !important;
            box-shadow: 0 24px 80px rgba(0, 0, 0, .65) !important;
        }
        #serverModal .bg-surface-900,
        #serverModal input { background-color: #101016 !important; }
        #serverModal .bg-surface-800 { background-color: #1d1c26 !important; }
        #serverModal .border-surface-700 { border-color: #302f3b !important; }
        /* Tipografia e ícones ampliados */
        #viewCatalogo > div:first-child h1 { font-size: clamp(2.25rem, 4.5vw, 3rem); line-height: 1.12; }
        #viewCatalogo > div:first-child p { font-size: 1rem; line-height: 1.65; }
        #productsGrid article h3 { font-size: 1.25rem; line-height: 1.35; }
        #productsGrid article p { font-size: .95rem; line-height: 1.55; }
        #productsGrid article .fa-cart-shopping, #productsGrid article .fa-eye, #productsGrid article .fa-download { font-size: 1rem; }
        #productsGrid article button { font-size: .9rem; padding-top: .85rem; padding-bottom: .85rem; }
        #productsGrid article > div:last-child > div:first-child span { font-size: .9rem; }
        #productsGrid article > div:last-child > div:first-child span:last-child { font-size: 1.1rem; }
        #publicReviewsTitle { font-size: 1.9rem; }
        #publicReviewsGrid article .text-amber-400 { font-size: 1.05rem; }
        #publicReviewsGrid article p { font-size: .9rem; line-height: 1.6; }
        #viewClientPanel [id^="tabBtn"] { font-size: .9rem; padding: .8rem 1rem; }
        #viewClientPanel [id^="tabBtn"] i { font-size: 1rem; }
        #viewClientPanel h2 { font-size: 1.25rem; }
        #viewClientPanel h3 { font-size: 1.05rem; }
        @keyframes menuFadeIn { from { opacity: 0; } to { opacity: 1; } }
        @keyframes menuFadeOut { from { opacity: 1; } to { opacity: 0; } }
        @keyframes menuPopIn { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
        @keyframes menuPopOut { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(8px) scale(.98); } }
        @keyframes cartSlideIn { from { transform: translateX(24px); } to { transform: translateX(0); } }
        @keyframes cartSlideOut { from { transform: translateX(0); } to { transform: translateX(24px); } }
        .menu-open { animation: menuFadeIn .18s ease-out both; }
        .menu-open > .clean-card { animation: menuPopIn .2s cubic-bezier(.2,.75,.25,1) both; }
        .menu-closing { animation: menuFadeOut .16s ease-in both; pointer-events: none; }
        .menu-closing > .clean-card { animation: menuPopOut .16s ease-in both; }
        #cartModal.menu-open > div { animation: menuFadeIn .18s ease-out both, cartSlideIn .22s cubic-bezier(.2,.75,.25,1) both; }
        #cartModal.menu-closing > div { animation: menuFadeOut .16s ease-in both, cartSlideOut .16s ease-in both; }
        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
        }
        .clean-card {
            background-color: #1c1b24;
            border: 1px solid #302f3b;
            transition: all 0.2s ease;
        }
        .clean-card:hover {
            border-color: #363646;
        }
        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #17161f;
        }
        ::-webkit-scrollbar-thumb {
            background: #24242e;
            border-radius: 3px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #363646;
        }