.cl-identity[hidden] { display: none !important; }
.cl-identity {
  position: relative;
  overflow: hidden;
  margin: 16px 0;
  padding: clamp(18px, 3vw, 25px);
  border: 1px solid rgba(96, 165, 250, .24);
  border-radius: 21px;
  background: radial-gradient(circle at 96% 0%, rgba(96, 165, 250, .18), transparent 42%), linear-gradient(145deg, #102844, #0b1b31);
  box-shadow: 0 16px 38px rgba(3, 12, 27, .17);
  color: #eef6ff;
}
.cl-identity::before {
  content: '↗';
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 26px;
  font-weight: 700;
  color: #98c7ff;
  opacity: .8;
}
.cl-identity-title {
  margin: 0 34px 7px 0;
  color: inherit !important;
  font-size: clamp(19px, 2.4vw, 23px);
  line-height: 1.2;
  letter-spacing: -.03em;
}
.cl-identity-copy { max-width: 66ch; margin: 0; color: #c6d7ea; font-size: 14px; line-height: 1.5; }
.cl-identity-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 17px; }
.cl-identity-button {
  min-height: 47px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 1px solid #747775;
  border-radius: 12px;
  background: #fff;
  color: #1f1f1f;
  box-shadow: 0 6px 17px rgba(2, 8, 23, .15);
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  cursor: pointer;
}
.cl-identity-mark { display: block; width: 28px; height: 28px; object-fit: contain; flex: 0 0 28px; }
.cl-identity-button:hover { background: #eaf3ff; transform: translateY(-1px); }
.cl-identity-button.is-apple { background: #000; border-color: #000; color: #fff; }
.cl-identity-button.is-apple:hover { background: #1d1d1f; }
.cl-identity-button.is-apple .cl-identity-mark { width: 31px; height: 44px; flex-basis: 31px; }
.cl-identity-button:focus-visible { outline: 3px solid #f4c761; outline-offset: 3px; }
.cl-identity-button:disabled { cursor: wait; opacity: .68; transform: none; }
.cl-identity-button.is-linked { background: transparent; color: #dcecff; border-color: rgba(174, 206, 240, .5); box-shadow: none; }
.cl-identity-button.is-linked:hover { background: rgba(255, 255, 255, .09); }
.cl-identity-button.is-apple.is-linked { background: #000; color: #fff; border-color: #000; }
.cl-identity-button.is-apple.is-linked:hover { background: #1d1d1f; }
html[data-theme="light"] .cl-identity {
  border-color: rgba(45, 102, 181, .15);
  background: radial-gradient(circle at 96% 0%, rgba(116, 174, 255, .23), transparent 42%), linear-gradient(145deg, #fff, #edf5ff);
  box-shadow: 0 12px 32px rgba(26, 73, 133, .09);
  color: #102949;
}
html[data-theme="light"] .cl-identity-copy { color: #4a637f; }
html[data-theme="light"] .cl-identity-button.is-google { border-color: #747775; background: #fff; color: #1f1f1f; }
html[data-theme="light"] .cl-identity-button.is-google:hover { background: #f2f5fa; }
html[data-theme="light"] .cl-identity-button.is-apple { border-color: #000; background: #000; color: #fff; }
html[data-theme="light"] .cl-identity-button.is-apple:hover { background: #1d1d1f; }
html[data-theme="light"] .cl-identity-button.is-linked { border-color: #bacde5; background: #fff; color: #285078; }
html[data-theme="light"] .cl-identity-button.is-apple.is-linked { border-color: #000; background: #000; color: #fff; }
html[data-cl-shell="v4"] body#cl-site-page .compte-shell .cl-identity-button.is-apple { background: #000 !important; color: #fff !important; border-color: #000 !important; }
html[data-cl-shell="v4"] body#cl-site-page .compte-shell .cl-identity-button.is-apple:hover { background: #1d1d1f !important; }
@media (max-width: 540px) { .cl-identity-actions { grid-template-columns: 1fr; } .cl-identity-button { width: 100%; } }