/* Shared account form components. */

  .auth-main{
    flex:1;
    display:flex;
    align-items:center;
  }
  .auth-section{
    width:100%;
    padding-block:clamp(2.5rem, 7vw, 5rem);
    background:
      radial-gradient(circle at top left, rgba(254,193,0,.16), transparent 24%),
      radial-gradient(circle at top right, rgba(13,58,95,.10), transparent 28%),
      linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%);
  }
  .auth-wrap{
    width:min(100%, 760px);
    margin-inline:auto;
  }
  .auth-card{
    padding:clamp(1.5rem, 3vw, 2rem);
    border-radius:22px;
    border:1px solid rgba(13,58,95,.10);
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(8px);
    box-shadow:0 20px 52px rgba(11,28,45,.09);
  }
  .auth-brand{
    display:inline-flex;
    align-items:center;
    width:fit-content;
    margin-bottom:1rem;
    padding:.42rem .78rem;
    border-radius:999px;
    background:rgba(13,58,95,.06);
    border:1px solid rgba(13,58,95,.10);
    color:#123454;
    font-size:.84rem;
    font-weight:700;
    letter-spacing:.01em;
  }
  .auth-card-head{
    margin-bottom:1rem;
  }
  .auth-title{
    font-size:clamp(1.85rem, 4vw, 2.35rem);
    line-height:1.05;
    letter-spacing:-.03em;
    margin:0 0 .45rem;
    color:#10263b;
  }
  .auth-lead{
    margin:0;
    color:rgba(16,38,59,.74);
    font-size:1rem;
    line-height:1.6;
  }
  .auth-form{
    display:flex;
    flex-direction:column;
    gap:.95rem;
    margin-top:1.15rem;
  }
  .auth-form-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:.95rem;
  }
  .auth-form input,
  .auth-form select{
    width:100%;
    min-height:52px;
    padding:.9rem 1rem;
    border:1px solid rgba(13,58,95,.14);
    border-radius:14px;
    background:#fff;
    font-size:1rem;
    transition:border-color .2s, box-shadow .2s, background .2s;
  }
  .auth-form input:focus,
  .auth-form select:focus{
    outline:none;
    border-color:rgba(13,58,95,.42);
    box-shadow:0 0 0 4px rgba(13,58,95,.10);
  }
  .auth-form .btn{
    min-height:52px;
    border-radius:14px;
  }
  .auth-form .btn-accent{
    box-shadow:0 12px 24px rgba(254,193,0,.22);
  }
  .auth-form .btn-accent:hover,
  .auth-form .btn-accent:focus-visible{
    box-shadow:0 16px 28px rgba(213,94,22,.24);
  }
  .auth-footnote{
    margin-top:.25rem;
    text-align:center;
    color:rgba(16,38,59,.72);
    font-size:.96rem;
  }
  .auth-footnote a{
    color:hsl(var(--clr-primary-h) var(--clr-primary-s) var(--clr-primary-l));
    text-decoration:none;
    font-weight:600;
  }
  .auth-footnote a:hover,
  .auth-footnote a:focus-visible{
    text-decoration:underline;
  }
  .auth-card .alert{
    margin-bottom:.85rem;
    text-align:left;
    border-radius:14px;
  }
  @media (max-width: 640px){
    .auth-section{
      padding-block:1.5rem 2.5rem;
    }
    .auth-card{
      border-radius:18px;
      padding:1.2rem;
    }
    .auth-form-grid{
      grid-template-columns:1fr;
    }
  }

.auth-label{display:block;font-size:.9rem;font-weight:650;margin:0 0 .35rem;color:#123454;}
.auth-help{font-size:.85rem;color:#42566b;line-height:1.5;margin:.4rem 0 0;}
.auth-form .auth-password-toggle{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.9rem;}
.auth-form .auth-password-toggle input{width:1.15rem;min-height:1.15rem;height:1.15rem;margin:0;padding:0;accent-color:#205885;}
.auth-form input:focus-visible,.auth-form select:focus-visible{outline:2px solid #205885;outline-offset:2px;}