body {
       font-family: Georgia, "Times New Roman", serif;
       margin: 0;
       background: #f5f5f5;
       line-height: 1.65;
       color: #123047;
   }

   /* Banner */
   .banner img {
       width: 100%;
       height: auto;
       display: block;
       border-bottom: 4px solid #0e2338;
   }

   /* Navigation Bar */
   nav {
       background: #0e2338;
       border-bottom: 3px solid #f4b02a;
   }

   .nav-inner {
       max-width: 1200px;
       margin: 0 auto;
       padding: 0.6rem 1rem;
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       gap: 0.45rem;
   }

   .nav-inner a {
       color: #ffffff !important;
       text-decoration: none;
       font-size: 0.9rem;
       letter-spacing: 0.04em;
       text-transform: uppercase;
       font-weight: bold;
   }

   .nav-inner a:visited {
       color: #ffffff !important;
   }

   .nav-inner a:hover {
       color: #f4b02a !important;
   }

   .nav-inner a:active {
       color: #ffffff !important;
   }

   .divider {
       color: #f4b02a;
       font-weight: bold;
   }

   @media(max-width: 620px) {
       .divider {
           display: none;
       }

       .nav-inner a {
           border-bottom: 1px solid rgba(255, 255, 255, 0.15);
           padding-bottom: 0.25rem;
       }
   }

   /* General links */
   a {
       color: blue;
   }

   a:visited {
       color: blue;
   }

   a:hover {
       color: gold;
   }

   a:active {
       color: blue;
   }

   /* Page layout */
   .content-wrapper {
       max-width: 1000px;
       margin: 2rem auto;
       background: #ffffff;
       padding: 2rem 2.5rem 2.4rem 2.5rem;
       border-radius: 10px;
       box-shadow: 0 0 14px rgba(0, 0, 0, 0.14);
   }

   h1 {
       text-align: center;
       font-size: 2rem;
       color: #0e2338;
       margin-top: 0;
       margin-bottom: 0.4rem;
       letter-spacing: -1px;
   }

   .subtitle {
       text-align: center;
       margin-bottom: 1.4rem;
       font-size: 1.02rem;
   }

   p {
       margin-bottom: 0.8rem;
   }

   .note-box {
       background: #fff7e5;
       border-left: 4px solid #f4b02a;
       border-radius: 8px;
       padding: 0.9rem 1rem;
       margin-bottom: 1.4rem;
       font-size: 0.96rem;
   }

   .flex-row {
       display: flex;
       flex-wrap: wrap;
       gap: 1rem;
       margin-bottom: 1rem;
   }

   .flex-row .field {
       flex: 1 1 220px;
   }

   label {
       display: block;
       font-size: 0.9rem;
       margin-bottom: 0.15rem;
       color: #0e2338;
   }

   input[type="text"],
   input[type="date"],
   textarea {
       width: 100%;
       padding: 0.35rem 0.4rem;
       font-family: inherit;
       font-size: 0.95rem;
       border: 1px solid #b6c2cf;
       border-radius: 4px;
       box-sizing: border-box;
   }

   textarea {
       min-height: 60px;
       resize: vertical;
   }

   .section-title {
       font-size: 1.2rem;
       margin-top: 1.4rem;
       margin-bottom: 0.5rem;
       color: #0e2338;
   }

   .account-block {
       border: 1px solid #d3dde8;
       border-radius: 8px;
       padding: 0.8rem 0.9rem 0.9rem 0.9rem;
       margin-bottom: 0.9rem;
       background: #f7f9fc;
   }

   .account-block h3 {
       margin-top: 0;
       font-size: 1.02rem;
       margin-bottom: 0.4rem;
       color: #123047;
   }

   .print-controls {
       text-align: center;
       margin-top: 1.6rem;
   }

   .print-btn {
       display: inline-block;
       padding: 0.7rem 1.6rem;
       border-radius: 999px;
       background: #0e2338;
       color: #ffffff;
       font-weight: bold;
       letter-spacing: 0.05em;
       text-transform: uppercase;
       font-size: 0.9rem;
       border: 2px solid #f4b02a;
       cursor: pointer;
       box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
       transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
   }

   .print-btn:hover {
       background: #123f66;
       transform: translateY(-2px);
       box-shadow: 0 7px 14px rgba(0, 0, 0, 0.4);
   }

   .print-btn:active {
       transform: translateY(0);
       box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
   }

   .end-marker {
       text-align: center;
       margin-top: 2rem;
       font-weight: bold;
       letter-spacing: 0.25em;
       color: #666;
   }

   @media(max-width: 700px) {
       .content-wrapper {
           padding: 1.5rem 1.5rem 2rem 1.5rem;
       }
   }

   /* Print styles: make it clean on paper / PDF */
   @media print {
       body {
           background: #ffffff;
       }

       .banner,
       nav {
           display: none;
       }

       .content-wrapper {
           box-shadow: none;
           border-radius: 0;
           margin: 0;
           max-width: 100%;
       }

       .print-controls {
           display: none;
       }
   }