.auth-page {
    width: min(1180px, calc(100vw - 36px));
    margin: 34px auto 70px;
  }
  
  .auth-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: 24px;
    align-items: stretch;
  }
  
  .auth-brand-card,
  .auth-form-card {
    position: relative;
    overflow: hidden;
    border-radius: 32px;
    border: 1px solid rgba(121,145,210,.18);
    background:
      radial-gradient(circle at 18% 16%, rgba(77,125,255,.28), transparent 34%),
      radial-gradient(circle at 84% 20%, rgba(154,102,255,.20), transparent 32%),
      linear-gradient(180deg, rgba(11,24,52,.96), rgba(7,16,35,.98));
    box-shadow: 0 28px 80px rgba(0,0,0,.34);
  }
  
  .auth-brand-card {
    min-height: 620px;
    padding: 42px;
    display: grid;
    align-content: space-between;
  }
  
  .auth-kicker {
    color: #8ea9ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  
  .auth-brand-card h1 {
    margin: 12px 0 14px;
    max-width: 700px;
    color: #fff;
    font-size: clamp(2.7rem, 5vw, 5.4rem);
    line-height: .94;
    letter-spacing: -.07em;
  }
  
  .auth-brand-card p {
    max-width: 620px;
    color: #aebfe4;
    font-size: 18px;
    line-height: 1.55;
  }
  
  .auth-app-preview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 30px;
  }
  
  .auth-app-mini {
    min-height: 150px;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    display: grid;
    align-content: space-between;
  }
  
  .auth-app-mini strong {
    color: #fff;
    font-size: 19px;
  }
  
  .auth-app-mini span {
    color: #9db3db;
    font-size: 13px;
  }
  
  .auth-app-mini.is-leads {
    background: linear-gradient(135deg, rgba(47,124,255,.52), rgba(22,43,92,.74));
  }
  
  .auth-app-mini.is-drive {
    background: linear-gradient(135deg, rgba(51,192,107,.48), rgba(13,55,32,.78));
  }
  
  .auth-app-mini.is-tour {
    background: linear-gradient(135deg, rgba(154,102,255,.55), rgba(54,22,94,.76));
  }
  
  .auth-form-card {
    padding: 34px;
    align-self: start;
  }
  
  .auth-form-card h2 {
    margin: 8px 0 8px;
    color: #fff;
    font-size: 34px;
    letter-spacing: -.04em;
  }
  
  .auth-form-card p {
    margin: 0 0 24px;
    color: #aebfe4;
  }
  
  .auth-form {
    display: grid;
    gap: 16px;
  }
  
  .auth-field {
    display: grid;
    gap: 8px;
  }
  
  .auth-field label {
    color: #dbe7ff;
    font-size: 13px;
    font-weight: 900;
  }
  
  .auth-field input {
    width: 100%;
    height: 56px;
    padding: 0 16px;
    border-radius: 18px;
    border: 1px solid rgba(121,145,210,.22);
    background: rgba(12,25,55,.88);
    color: #f4f7ff;
    font-size: 16px;
    outline: none;
  }
  
  .auth-field input:focus {
    border-color: rgba(125,162,255,.62);
    box-shadow: 0 0 0 4px rgba(77,125,255,.14);
  }
  
  .auth-btn {
    width: 100%;
    min-height: 58px;
    border: 0;
    border-radius: 18px;
    color: #fff;
    font-weight: 900;
    font-size: 16px;
    cursor: pointer;
    background: linear-gradient(135deg, #4d7dff, #6d28d9);
    box-shadow: 0 18px 42px rgba(77,125,255,.25);
  }
  
  .auth-footer {
    margin-top: 20px;
    color: #aebfe4;
    text-align: center;
  }
  
  .auth-footer a {
    color: #8ea9ff;
    font-weight: 900;
  }
  
  .auth-errors {
    padding: 14px;
    border-radius: 18px;
    color: #fecaca;
    background: rgba(239,68,68,.12);
    border: 1px solid rgba(239,68,68,.24);
  }

  .auth-link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }
  
  @media(max-width: 1050px) {
    .auth-hero {
      grid-template-columns: 1fr;
    }
  
    .auth-brand-card {
      min-height: auto;
    }
  
    .auth-app-preview {
      display: none;
    }
  }