/* General Styles */
        body {
            margin: 0;
            font-family: 'Inter', sans-serif;
            background-color: #121212;
            color: #f4f4f4;
            line-height: 1.6;
        }

        i{
          vertical-align:middle;
        }

        header {
            background:linear-gradient(135deg, #5865F2, #4E91F9);
            color: white;
            padding: 2rem 1rem;
            text-align: center;
            z-index:0;
        }

        .features:before{
            background:url('https://quotevault.org/inc/img/bot.png') no-repeat ;
            background-size:250px 250px;
            background-position-y:30%;
            background-position-x:50%;
            opacity:0.15;
            content: " ";
            position:absolute;
            height:100%;
            width:100%;
            z-index:-1;
            top:0;
            left:0;
        }


        header h1 {
            font-size: 3rem;
            margin-bottom: 0.5rem;
        }

        header p {
            font-size: 1.2rem;
        }


        .btn{

            z-index:99;
        }

        .btn-login{
          position:fixed;
          top:20px;
          right:20px;
          z-index:99;
          display: inline-block;
          padding: 0.8rem 1.5rem;
          margin: 1rem 0;
          background-color: #5865F2;
          color: white;
          font-size: 1rem;
          font-weight: bold;
          text-decoration: none;
          border-radius: 5px;
          transition: background 0.3s ease;
        }

        .btn-login:hover{
          background:#4753c1;
          transition:all 0.2s ease;
        }
        .container {
            margin: 2rem auto;
            padding: 0 1rem;
        }

        #logo{
            text-align:center;
            display:none;
        }

        #logo img{
            height:150px;
            width:150px;
            text-align:center;
            margin:0 auto;
            border-radius:250px;
        }

        .btn {
            display: inline-block;
            padding: 0.8rem 1.5rem;
            margin: 1rem 0;
            background-color: #5865F2;
            color: white;
            font-size: 1rem;
            font-weight: bold;
            text-decoration: none;
            border-radius: 5px;
            transition: background 0.3s ease;
        }

        .btn:hover {
            background-color: #4753c1;
        }

        

        .features, .faq {
            margin: 1.5rem auto;
            max-width:1100px;
            padding-top:1rem;
        }

        .features h2, .faq h2 {
            text-align: center;
            margin-bottom: 1rem;
            color: #ffffff;
        }

        .features, .feature-item,.faq, .faq-item {
            margin-bottom:1.5rem;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .feature-item h3, .faq-item h3 {
            font-size: 1.5rem;
            text-align:center;
        }

        .feature-item,.faq-item {  
          background:#1e1e1e;
          border:2px solid #1f1f1f;
          text-align: center;
          padding:1rem;
      }

      .stats{
        text-align:center;
        border-radius:8px;
        margin:0 auto;
      }

      .stats > .stats_content{
        padding:20px;
        display:inline-block;
        margin-inline-start:20px;
        margin-inline-end:20px;
        background:#1e1e1e;
        border-radius:8px;
        min-width:200px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      }

      .stats > .stats_content > div{
        text-align:center;
        display:block;
        margin-block-start:0px;
        margin-block-end:0px;
      }

      .stats > .stats_content > p{
        text-align:center;
        display:block;
        margin-block-start:0px;
        margin-block-end:0px;
      }

      .stats_center{
        text-align:center;
      }

      .statistics-content{
        margin:1.9rem auto;
        padding-top:1rem;
        padding-bottom:1rem;
      }

      .commands{
        display:none;
        margin:0 auto;
        width:45%;
      }

      .commands li{
        list-style-type:Decimal;
        text-align:start;
      }

      .embeded_commands{
        font-size:1.3em;
      }

      #release{
        cursor:pointer;
      }

      #caret{
        vertical-align:middle;
      }

        footer {
            background: #181818;
            color: #888;
            text-align: center;
            padding: 1rem;
            margin-top: 2rem;
        }

        footer a {
            color: #5865F2;
            text-decoration: none;
        }

        footer a:hover {
            text-decoration: underline;
        }