#secure-account {
  display: none !important;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.6);
}

#secure-account:target {
  display: block !important;
}

#secure-account-confirmation {
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.6);
}

.entra-modal-content {
  background: #fff;
  padding: 30px;
  max-width: 350px;
  margin: 10vh auto;
  border-radius: 8px;
  box-shadow: 0 2px 16px #0005;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  font-size: 13px;
}

.entra-modal-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.entra-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  padding: 0;
  background: none;
  color: #888;
  border: none;
  border-radius: 50%;
  font-size: 22px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  z-index: 10;
  transition: color 0.2s, background 0.2s;
}

.entra-modal-close:hover {
  color: #ee1461;
  background: #f2f2f2;
}

.entra-modal-input {
  width: 100%;
  margin-bottom: 10px;
  padding: 12px 10px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  background: #fafbfc;
  color: #333;
  transition: border-color 0.2s;
  text-align: center;
}

.entra-modal-input:focus {
  border: 1px solid #ee1461;
  outline: none;
}

.entra-modal-button {
    width: 100%;
    padding: 12px 0;
    font-size: 15px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    border: none;
    margin-bottom: 10px;
    transition: background 0.2s, color 0.2s;
}

.entra-modal-button:disabled {
    cursor: not-allowed;
}

.entra-modal-button:last-child {
  margin-bottom: 0;
}

.entra-modal-button-primary {
  background: #ee1461;
  color: #fff;
}

.entra-modal-button-primary:hover:enabled {
  background: #d0124e;
}

.entra-modal-button-primary:disabled {
    opacity: 0.3;
}

.entra-modal-button-secondary {
  background: #f2f2f2;
  color: #555555;
  border: 1px solid #ccc;
}

.entra-modal-button-secondary:disabled {
    opacity: 0.5;
}

.entra-modal-button-secondary:hover:enabled {
  background: #e5e5e5;
}

.entra-modal-notice {
    border-radius: 5px;
    background-color:#838788;
    padding:20px;
    color:#fff;
    margin-bottom:10px;
    text-align:left;
    position: relative;
    padding-left: 50px;
}

.entra-modal-title {
    color:#838788;
    font-weight: bold;
    margin-bottom: 0;
}

.entra-modal-notice::before {
  content: '';
  display: block;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.16437 15.0798C1.06656 16.9761 2.43485 19.3493 4.62593 19.3493H17.3743C19.5653 19.3493 20.9336 16.9761 19.8358 15.0798L13.4617 4.06991C12.3661 2.17762 9.63408 2.17762 8.53854 4.06991L2.16437 15.0798ZM12.0281 16.2014C12.0281 16.2367 12.0567 16.2654 12.0921 16.2654V16.2654C12.1291 16.2654 12.1584 16.2342 12.156 16.1972L12.0281 14.2095V16.2014Z' fill='%23FF1266'/%3E%3Cpath d='M11.0702 6.11742L17.0625 16.2711H5.078L11.0702 6.11742ZM3.7013 15.4907C3.08855 16.5287 3.8525 17.832 5.078 17.832H17.0625C18.288 17.832 19.0519 16.5287 18.4392 15.4907L12.4469 5.33697C11.8342 4.29897 10.3063 4.29897 9.69353 5.33697L3.7013 15.4907ZM10.2744 10.0275V11.5884C10.2744 12.0176 10.6325 12.3688 11.0702 12.3688C11.5079 12.3688 11.866 12.0176 11.866 11.5884V10.0275C11.866 9.59824 11.5079 9.24704 11.0702 9.24704C10.6325 9.24704 10.2744 9.59824 10.2744 10.0275ZM10.2744 13.9297H11.866V15.4907H10.2744V13.9297Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px 22px;
}

.entra-modal-divider {
  width: 100%;
  text-align: center;
  border: none;
  border-top: 1px solid #e0e0e0;
  color: #888;
  margin: 18px 0 18px 0;
  position: relative;
  font-size: 13px;
  line-height: 1;
}
.entra-modal-divider span {
  background: #fff;
  position: relative;
  top: -0.7em;
  padding: 0 18px;
  color: #888;
}