.fields {
       padding: 20px;
   }

   label {
       display: block;
       font-size: 14px;
       color: #333;
       margin-bottom: 6px;
   }

   textarea {
       width: 100%;
       min-height: 220px;
       resize: vertical;
       font-size: 16px;
       padding: 10px;
       border: 1px solid #ccc;
       border-radius: 5px;
       box-sizing: border-box;
       font-family: Consolas, monospace;
   }

   textarea:focus {
       border-color: #000a14;
       outline: none;
       box-shadow: 0 0 5px rgba(0, 29, 60, 0.5);
   }

   .stats {
       display: flex;
       flex-wrap: wrap;
       gap: 12px;
       padding: 20px;
   }

   .stat {
       flex: 1 1 150px;
       background: #f9f9f9;
       border: 1px solid #ddd;
       border-radius: 6px;
       padding: 10px;
       text-align: center;
   }

   .stat h3 {
       margin: 0;
       font-size: 18px;
       color: #001d3c;
   }

   .stat p {
       margin: 4px 0 0;
       font-size: 14px;
       color: #555;
   }

   @media (max-width: 600px) {
       .stat {
           flex: 1 1 100%;
       }
   }