/* body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background: #f0f4f8;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding: 40px 20px;
      margin: 0;
    } */
    .containerlagana {
      background: #eaf1f9;
      padding: 30px 25px;
      border-radius: 15px;
      box-shadow: 0 12px 25px rgba(0,0,0,0.1);
      width: 100%;
      max-width: 420px;
      text-align: center;
      position: absolute;
      z-index: 2000;

    }
    h2 { margin-bottom: 20px; color: #1f2937; font-size: 24px; }
    label { display: block; margin: 10px 0 5px; font-weight: 600; color: #4b5563; text-align: left; font-size: 14px; }
    input { width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid #cbd5e1; font-size: 14px; margin-bottom: 12px; box-sizing: border-box; }
    button { background: #3b82f6; color: #fff; border: none; padding: 10px 22px; border-radius: 8px; font-size: 15px; cursor: pointer; transition: 0.3s; margin-top: 10px; }
    button:hover { background: #2563eb; }
    #calculatorlagana { display: none; margin-top: 20px; }
    .resultl { display: flex; flex-direction: column; gap: 10px; margin-top: 15px; }
    .card { background: #3169b0; color: #ffffff; border-radius: 10px; padding: 12px 15px; text-align: left; font-size: 14px; font-weight: 700; }
    .spinner { border: 3px solid #e5e7eb; border-top: 3px solid #3b82f6; border-radius: 50%; width: 25px; height: 25px; animation: spin 1s linear infinite; margin: 10px auto; }
    @keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);} }