/* SocrateMobile Main Custom Stylesheet */
body {
      background-color: #030712;
      color: #e2e8f0;
      font-family: 'Plus Jakarta Sans', sans-serif;
      overflow-x: hidden;
    }
    .font-orbitron {
      font-family: 'Orbitron', sans-serif;
    }
    .font-mono {
      font-family: 'Fira Code', monospace;
    }
    .glass-card {
      background: rgba(15, 23, 42, 0.75);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(255, 255, 255, 0.08);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .glass-card:hover {
      border-color: rgba(6, 182, 212, 0.4);
      transform: translateY(-3px);
      box-shadow: 0 16px 32px -8px rgba(6, 182, 212, 0.15);
    }
    .ha-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      padding: 0.2rem 0.65rem;
      border-radius: 9999px;
      background: rgba(24, 188, 242, 0.12);
      border: 1px solid rgba(24, 188, 242, 0.35);
      color: #38bdf8;
      font-size: 0.6875rem;
      font-weight: 700;
      font-family: 'Fira Code', monospace;
      letter-spacing: 0.025em;
    }
    .ha-badge img {
      width: 0.875rem;
      height: 0.875rem;
      object-fit: contain;
    }
    .gradient-text {
      background: linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #c084fc 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .grid-bg {
      background-image: radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px);
      background-size: 32px 32px;
    }