@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

   :root {
       --sidebar-width: 260px;
       --primary: #1a3c5e;
       --accent: #f59e0b;
   }

   body {
       background-color: #1a3c5e;
       background: url('../images/auth/background.jpg');
       font-family: 'Roboto', sans-serif;
       background-size: cover;
       background-blend-mode: screen;
       min-height: 100vh;
       display: flex;
       align-items: center;
   }

   .auth-card {
       border-radius: 16px;
       box-shadow: none;
       border: 1px solid #dbdbdb;
   }

   .auth-brand {
       font-size: 1.5rem;
       font-weight: 700;
       text-align: center;
       color: #1a3c5e;
   }

   .btn-primary {
       background: #1a3c5e;
       border-color: #1a3c5e;
   }

   .btn-primary:hover {
       background: #2563a8;
       border-color: #2563a8;
   }

   .form-control {
       display: block;
       box-sizing: border-box;
       width: 100%;
       border: 1px solid #cacaca;
       border-radius: 0 !important;
       background-color: #fefefe !important;
       box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1) !important;
       font-family: inherit;
       font-size: 1rem;
       font-weight: 400;
       color: #0a0a0a;
       transition: box-shadow .5s, border-color .25s ease-in-out;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
   }