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

    .page-container {

      min-height: 100vh;

      padding: 40px 20px;

      display: flex;

      justify-content: center;

      align-items: flex-start;

    }

    .page-content {

      max-width: 800px;

      background: rgba(11, 31, 58, 0.4);

      backdrop-filter: blur(15px);

      border: 1px solid rgba(255, 255, 255, 0.15);

      border-radius: 20px;

      padding: 40px;

      color: white;

    }
    
    .page-content a{
      animation: puls-glow 3s ease-in-out infinite alternate;
    }

    @keyframes puls-glow{
      form{
        filter: drop-shadow(0 0 2px rgb(0, 213, 255));
        transform: scale(1,2);
      }to{
        filter: drop-shadow(0 0 2px rgba(0, 213, 255, 0.327));
        transform: scale(1,2);
      }
    }

    .page-header {

      text-align: center;

      margin-bottom: 40px;

      animation: puls-glow 3s ease-in-out infinite alternate;
    }

    .page-header h1 {

      font-size: 42px;

      color: #00a8ff;

      margin-bottom: 10px;

      text-shadow: 0 0 20px rgba(0, 168, 255, 0.5);

    }

    .icon {
      font-size: 60px;
      color: #00a8ff;
      margin-bottom: 15px;
      transition: all 1.2s;
    }

    /* @keyframes float {
    0%, 100% { 
        transform: translateY(0); 
    }
    50% { 
        /* Faqat tepaga 10px ko'tarilishi uchun */
    /*      transform: translateY(-10px); 
    }
} */

    @keyframes puls-glow {
      from {
        filter: drop-shadow(0 20 2px rgb(0, 213, 255));
        transform: scale(1.2);
      }

      to {
        filter: drop-shadow(0 0 15px rgba(49, 214, 255, 0.8));
        transform: scale(1.2);
      }
    }

    .feature-card i, .feature-card h3{
      animation: puls-glow 3s ease-in-out infinite alternate;
      transition: all 1.2s;
    }

    @keyframes puls-glow {
      from {
        filter: drop-shadow(0 0 2px rgba(0, 213, 255, 0.556));
        transform: scale(1.2);
      }

      to {
        filter: drop-shadow(0 0 15px rgba(49, 214, 255, 0.8));
        transform: scale(1.2);
      }
    }
    
    
    .page-text {

      line-height: 1.8;

      font-size: 16px;

      color: rgba(255, 255, 255, 0.9);

    }

    .page-text p {

      margin-bottom: 20px;

    }

    .features {

      display: grid;

      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

      gap: 20px;

      margin-top: 30px;

    }

    .feature-card {

      background: rgba(255, 255, 255, 0.05);

      border: 1px solid rgba(255, 255, 255, 0.1);

      border-radius: 15px;

      padding: 25px;

      text-align: center;

      transition: transform 0.3s, box-shadow 0.3s;

    }

    .feature-card:hover {

      transform: translateY(-5px);

      box-shadow: 0 10px 30px rgba(0, 168, 255, 0.2);

    }

    .feature-card i {

      font-size: 40px;

      color: #00a8ff;

      margin-bottom: 15px;

    }

    .feature-card h3 {

      color: #00a8ff;

      margin-bottom: 10px;

      font-size: 18px;

    }

    .feature-card p {

      font-size: 14px;

      color: rgba(255, 255, 255, 0.7);

    }

    .back-btn {
      width: fit-content;

      display: inline-flex;

      align-items: center;

      gap: 8px;

      color: #00a8ff;

      text-decoration: none;

      font-size: 16px;

      margin-bottom: 30px;

      transition: color 0.3s;

    }

    .back-btn:hover {

      color: #0056b3;

    }