*{
      margin:0;
      padding:0;
      box-sizing:border-box;
      font-family: Arial, sans-serif;
    }

    body{
      background: linear-gradient(135deg, #dfe9f3, #ffffff);
      padding: 30px;
    }

    h1{
      text-align:center;
      margin-bottom:30px;
      color:#333;
    }

    #message{
      text-align:center;
      font-size:20px;
      margin-bottom:20px;
      color:#555;
    }

    #container{
      display:grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap:20px;
    }

    .card{
      background:#fff;
      border-radius:15px;
      padding:20px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.1);
      transition:0.3s;
      border-left: 5px solid #4f46e5;
    }

    .card:hover{
      transform: translateY(-8px);
      box-shadow: 0 12px 25px rgba(0,0,0,0.15);
    }

    .card h2{
      color:#4f46e5;
      margin-bottom:10px;
    }

    .card p{
      margin:8px 0;
      color:#444;
      line-height:1.5;
    }