Complete Hubbly theme conversion: all pages rewritten with CSS variable theming

- Converted all views from Dusk components (x-content.content-card, x-form.*) to inline Hubbly style
- All pages use consistent card pattern: rounded-lg, gradient headers, color-mix borders
- Added Hubbly-style homepage with 2-column layout, login card, swiper news carousel
- Rewrote navigation with Alpine.js dropdowns, CSS variable colors, Hubbly assets
- Updated profile page with Hubbly cards, fixed data bugs (friend/guild relationships)
- Rewrote register page to match Hubbly layout: banner header, avatar preview with Frank GIF, 2-column form, avatar carousel selector, border-4 inputs
- Rewrote login, settings, help center, radio, applications, utility pages
- All colors use CSS variables controlled by Filament theme editor
- Added Hubbly assets: banner, Frank GIF, navigation icons, online badge
- Removed all dependencies on x-content.* and x-form.* components

resources/themes/atom/css/app.css

@@ -4,6 +4,16 @@
 @plugin "@tailwindcss/typography";
 @custom-variant dark (&:where(.dark, .dark *));
 
+[x-cloak] { display: none !important; }
+
+@media (max-width: 767px) {
+  .mobile-nav-menu { display: none !important; overflow: visible !important; }
+  .mobile-nav-menu.show-mobile { display: flex !important; }
+}
+@media (min-width: 768px) {
+  .mobile-nav-menu { overflow: visible !important; }
+}
+
 @theme {
   --font-sans:
     "Nunito", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
@@ -275,6 +285,12 @@ html.dark .badge-drawer-button .toggled { background: #f2f2f3; }
   opacity: 0.1;
 }
 
+.diamond {
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%) rotate(45deg);
+}
+
 .text-body { color: var(--color-text); }
 .text-muted { color: var(--color-text-muted); }
 .text-nav { color: var(--color-navbar-text); }