/* =========================
   details / summary
========================= */
details {
  margin: 1em 0;
  border: 1px solid var(--border-accent);
  border-radius: 8px;
  overflow: hidden;
}

summary {
  background-color: var(--accent);
  color: var(--accent-text);
  font-weight: bold;
  padding: 0.7em 1em;
  cursor: pointer;
  border-radius: 8px;
  list-style: none;
  position: relative;
  transition: background-color 0.2s, box-shadow 0.2s;
}

summary::-webkit-details-marker {
  display: none;
}

summary::after {
  content: "＋";
  position: absolute;
  right: 1em;
  font-weight: bold;
  transition: transform 0.2s;
}

details[open] summary::after {
  content: "－";
}

summary:hover,
summary:focus {
  background-color: var(--accent-hover);
  box-shadow: var(--shadow-hover);
}

details > *:not(summary) {
  padding: 0.8em 1em;
  background: var(--details-bg);
}
.tcenter{
  text-align:center;
}
.login_btn{
  padding:25px 40px;
  border-radius:10px;
}