* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   html,
   body {
       height: 100%;
       width: 100%;
       overflow-y: auto;
   }

   .auth-section {
       min-height: 100vh;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 40px 20px;
       background: var(--smoky-black-1, #1a1a1a);
   }

   .auth-container {
       width: 100%;
       max-width: 400px;
       background: var(--eerie-black-2, #25252d);
       padding: 40px;
       border-radius: 12px;
       border: 1px solid var(--white-alpha-20, rgba(255, 255, 255, 0.2));
   }

   .auth-title {
       font-size: 2rem;
       color: var(--white, #ffffff);
       text-align: center;
       margin-bottom: 30px;
   }

   .form-group {
       margin-bottom: 20px;
   }

   .form-input {
       width: 100%;
       padding: 15px;
       background: var(--eerie-black-1, #1e1e25);
       border: 1px solid var(--white-alpha-20, rgba(255, 255, 255, 0.2));
       border-radius: 8px;
       color: var(--white, #ffffff);
       font-size: 16px;
   }

   .form-input:focus {
       outline: none;
       border-color: var(--gold-crayola, #e8b923);
   }

   .form-input::placeholder {
       color: var(--white-alpha-60, rgba(255, 255, 255, 0.6));
   }

   .form-button {
       width: 100%;
       padding: 15px;
       background: var(--gold-crayola, #e8b923);
       border: none;
       border-radius: 8px;
       color: var(--smoky-black-1, #1a1a1a);
       font-size: 16px;
       font-weight: bold;
       cursor: pointer;
       margin-bottom: 20px;
   }

   .form-button:hover {
       background: var(--gold-crayola-dark, #d4a017);
   }

   .form-footer {
       text-align: center;
       color: var(--white-alpha-80, rgba(255, 255, 255, 0.8));
   }

   .form-link {
       color: var(--gold-crayola, #e8b923);
       text-decoration: none;
   }

   .form-link:hover {
       text-decoration: underline;
   }

   @media (max-width: 480px) {
       .auth-container {
           padding: 30px 20px;
       }

       .auth-title {
           font-size: 1.8rem;
       }
   }