/* Register page — desktop polish, friendly mobile */
/* Relies on Bootstrap CSS variables for light/dark compatibility */

.register-grid {
    display: grid;
    grid-template-columns: 1fr;
    border-radius: 1rem;
    overflow: hidden;
    background: var(--bs-card-bg);
  }
  
  @media (min-width: 768px) {
    .register-grid { grid-template-columns: 1fr 1.2fr; }
  }
  
  .brand-pane {
    background: linear-gradient(135deg, rgba(16,29,61,.92), rgba(11,22,45,.92)),
                radial-gradient(1200px 600px at -20% -10%, rgba(255,255,255,.08), transparent);
    color: var(--bs-light);
  }
  
  .brand-logo { height: 40px; opacity: .95; }
  .brand-title { font-weight: 700; letter-spacing: .2px; }
  .brand-subtitle { opacity: .85; }
  
  .benefits li { margin: .4rem 0; opacity: .95; }
  
  .form-pane { background: var(--bs-body-bg); }
  .form-pane .form-control { background: rgba(255,255,255,.04); }
  
  .showpass-btn {
    position: absolute; right: .5rem; top: .5rem;
    line-height: 1; padding: .25rem .5rem;
  }
  
  .password-meter {
    height: .5rem; background: rgba(255,255,255,.08);
    border-radius: .5rem; overflow: hidden;
  }
  .password-meter .bar {
    width: 0; height: 100%; transition: width .25s ease-in-out;
    background: linear-gradient(90deg, #ff6b6b, #ffd166, #06d6a0);
  }
  
  /* Inline validation badges */
  small.error { display:block; min-height: 1rem; }
  small.error.error { color: #ff6b6b; }
  small.error.success { color: #06d6a0; }
  
  /* Buttons */
  .btn-primary {
    border-radius: .75rem;
    font-weight: 600;
  }