/* === GLOBAL BASE STYLES (FORCED) === */

* {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        scroll-behavior: smooth;
      }

      main {
        max-width: 1600px;
        margin-inline: auto;
        width: 100%;
      }

      body {
        overflow-x: hidden;
      }

      section {
        width: 100%;
      }

      /* --- SVG icons (local sprite) --- */
      .icon {
        width: 1.25rem;
        height: 1.25rem;
        display: inline-block;
        vertical-align: middle;
        flex: 0 0 auto;
      }


html { background: #020617; }
body { color: #f8fafc; background: #020617; }
img { max-width: 100%; height: auto; }
.glass-panel, .glass-surface { background: rgba(15, 23, 42, 0.72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(0, 240, 255, 0.12); }
.neon-text, .text-glow { text-shadow: 0 0 12px rgba(0, 240, 255, 0.35); }
.neon-btn-solid { background: #00F0FF; color: #020617; font-weight: 700; text-decoration: none; box-shadow: 0 0 18px rgba(0,240,255,0.28); }
.neon-btn-outline { border: 1px solid #00F0FF; color: #00F0FF; text-decoration: none; box-shadow: inset 0 0 0 1px rgba(0,240,255,0.15); }
.neon-btn-solid:hover, .neon-btn-outline:hover { transform: translateY(-1px); }
.cyber-grid { position: relative; }
.cyber-grid::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(0,240,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0,240,255,0.05) 1px, transparent 1px); background-size: 32px 32px; pointer-events: none; }
.float-anim { animation: floatAnim 6s ease-in-out infinite; }
.glow-pulse, .ambient-glow { box-shadow: 0 0 24px rgba(0,240,255,0.32); }
@keyframes floatAnim { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
.legal-content h2 { margin-top: 2rem; margin-bottom: 1rem; }
.legal-content p, .legal-content ul { margin-bottom: 1rem; }
.legal-content ul { padding-left: 1.25rem; }
[aria-current="page"] { color: #00F0FF !important; text-shadow: 0 0 8px rgba(0,240,255,0.5); }
@media (max-width: 768px) { main { max-width: 100%; } }

.text-neon { color: #00F0FF; text-shadow: 0 0 12px rgba(0,240,255,0.35); }