:root{--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f0f2f5;color:#333;line-height:1.6;overflow-x:hidden}.container{max-width:1000px;margin:0 auto;padding:30px;background-color:#fff;border:1px solid var(--gray-300);box-shadow:0 0 10px rgb(0 0 0 / .1);overflow-x:hidden}.primary-color{color:#c0392b}.secondary-color{color:#4caf50}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #ddd}header .site-logo-text{margin:0;font-size:1em;color:#fff;background-color:#222;padding:10px 15px;border-radius:4px;text-decoration:none;font-weight:700;display:inline-block}.footer{text-align:center;margin-top:30px;padding-top:20px;border-top:2px solid #ddd;font-size:.9em;color:#222}.footer a{color:#222;text-decoration:underline;margin:0 10px}.footer a:hover{text-decoration:underline;color:#c0392b}.footer p{color:#222;padding-top:1rem}.social-buttons{display:flex;justify-content:center;gap:15px;margin-top:30px;flex-wrap:wrap}.social-buttons a{color:#fff;background-color:#333;padding:10px 20px;border-radius:4px;text-decoration:none;font-size:1em;transition:all 0.2s ease;display:inline-block}.social-buttons a:hover{background-color:#c0392b;transform:translateY(-2px)}.dropdown-menu{position:relative;display:inline-block}.dropdown-toggle{font-size:1em;color:#fff;background-color:#222;padding:10px 15px;border-radius:4px;text-decoration:none;cursor:pointer;display:block}.dropdown-toggle:hover{background-color:#222}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:250px;box-shadow:0 8px 16px 0 rgb(0 0 0 / .2);z-index:100;border-radius:4px;top:100%}.dropdown-content a{color:#333;padding:12px 16px;text-decoration:none;display:block;font-size:1em;background-color:#f9f9f9}.dropdown-content a:hover{background-color:#ddd}.dropdown-submenu{position:relative}.dropdown-submenu .dropdown-toggle{background-color:#f9f9f9;color:#333;border-radius:0;padding-right:30px;padding-left:16px}.dropdown-submenu .dropdown-toggle::after{content:"▶";position:absolute;right:10px;color:#333;font-size:.8em}.submenu-content{display:none;position:absolute;left:-250px;top:0;background-color:#eee;min-width:250px;box-shadow:0 8px 16px 0 rgb(0 0 0 / .2);z-index:200;border-radius:4px}.submenu-content a{padding:10px 16px;background-color:#fff}.submenu-content a:hover{background-color:#c0392b;color:#fff}.submenu-content a:last-child{background-color:#c0392b;font-weight:600;border-top:1px solid #ddd;color:#fff}.submenu-content a:last-child:hover{background-color:#c00;color:#fff}.dropdown-content a:last-child{background-color:#c0392b;font-weight:600;border-top:1px solid #ddd;color:#fff}.dropdown-content a:last-child:hover{background-color:#c00;color:#fff}.hamburger-icon{font-size:1.5em;line-height:1;text-align:center}.dropdown-toggle.desktop-text{display:block}.dropdown-toggle.hamburger-icon{display:none}@media (min-width:769px){.dropdown-toggle.desktop-text{display:block}.dropdown-toggle.hamburger-icon{display:none}.submenu-content{left:-250px}.dropdown-menu:hover .dropdown-content{display:block}.dropdown-submenu:hover .submenu-content{display:block}}@media (max-width:768px){.container{margin:10px;padding:15px;width:auto}.dropdown-toggle.desktop-text{display:none}.dropdown-toggle.hamburger-icon{display:block}.dropdown-menu.mobile-open .dropdown-content{display:block;position:absolute;right:0;top:50px;min-width:250px}.dropdown-content{display:none;left:auto;right:0}.dropdown-submenu:hover .submenu-content{display:none}.submenu-content{position:static;left:auto;width:100%;box-shadow:none;border-top:1px solid #ddd}.submenu-content a{padding-left:40px}.footer a{display:inline-block;margin:4px 8px}}@media (max-width:480px){.container{margin:0;padding:12px}.social-buttons a{padding:8px 16px;font-size:.8em}}