/* Fonts - Manual de Marca WTS */
    @font-face {
      font-family: 'Montserrat';
      src: url('../fonts/Montserrat/static/Montserrat-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Montserrat';
      src: url('../fonts/Montserrat/static/Montserrat-SemiBold.ttf') format('truetype');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Montserrat';
      src: url('../fonts/Montserrat/static/Montserrat-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Poppins';
      src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Poppins';
      src: url('../fonts/Poppins/Poppins-Light.ttf') format('truetype');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Poppins';
      src: url('../fonts/Poppins/Poppins-Medium.ttf') format('truetype');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Poppins';
      src: url('../fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }

    body {
      background-color: #050505;
      color: #ffffff;
    }

    /* Grid Background Effect */
    .bg-grid {
      background-size: 40px 40px;
      mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
      -webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
      opacity: 0.1;
    }

    /* Text Gradients */
    .text-gradient-blue {
      background: linear-gradient(90deg, #4fffc1 0%, #2d8cf0 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .text-gradient-cyan {
      background: linear-gradient(90deg, #ffffff 0%, #4fffc1 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    /* Glassmorphism Card */
    .glass-card {
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
      transition: transform 0.3s ease, border-color 0.3s ease;
    }
    
    .glass-card:hover {
      border-color: rgba(79, 255, 193, 0.3);
      transform: translateY(-5px);
    }

    /* Custom Buttons */
    .btn-audit {
      background: #4fffc1;
      color: #050505;
      box-shadow: 0 0 15px rgba(79, 255, 193, 0.4);
      transition: all 0.3s ease;
    }
    .btn-audit:hover {
      box-shadow: 0 0 25px rgba(79, 255, 193, 0.6);
      transform: scale(1.02);
    }

    .btn-gradient {
      background: linear-gradient(90deg, #2d8cf0 0%, #00b4d8 100%);
      transition: filter 0.3s ease;
    }
    .btn-gradient:hover {
      filter: brightness(1.1);
    }

    /* Neon Glow behind robot */
    .robot-glow {
      position: absolute;
      width: 60%;
      height: 60%;
      background: radial-gradient(circle, rgba(45, 140, 240, 0.3) 0%, transparent 70%);
      filter: blur(60px);
      z-index: 0;
      top: 20%;
      left: 20%;
    }