@font-face {
          font-family: 'Fredoka';
          src: url('https://www.radioplatine.fr:28/static/fonts/fredoka/Fredoka-VariableFont_wdth_wght.ttf') format('truetype');
          font-weight: normal;
          font-style: normal;
      }

      body {
        font-family: 'Fredoka', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background-color: rgba(138, 43, 226, 0.5);
      } 

      input {
        font-family: 'Fredoka';
        padding: 10px 14px;
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, 0.4);
        background-color: rgba(255, 255, 255, 0.15);
        color: #fff;
        outline: none;
        transition: all 0.2s ease;
        backdrop-filter: blur(6px);
      }
      
      input::placeholder {
        color: rgba(255, 255, 255, 0.7);
      }
      
      button {
        font-family: 'Fredoka';
        padding: 10px 16px;
        border-radius: 8px;
        border: none;
        background: linear-gradient(135deg, #8a2be2, #a855f7);
        color: white;
        cursor: pointer;
        transition: all 0.2s ease;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
      }
      
      button:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
      }