[class^="ssafun-"],
[class*=" ssafun-"] {
  --ssafun-text: #eaf2ff;
  --ssafun-muted: #b8c6dd;
  --ssafun-bg: #0f141d;
  --ssafun-card: #151d2b;
  --ssafun-border: #2d3a50;
  --ssafun-primary: #2493ec;
  --ssafun-primary-dark: #1c7acc;
  --ssafun-accent: #ff9d4d;
  color: var(--ssafun-text);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.55;
}

[class^="ssafun-"] *,
[class*=" ssafun-"] * {
  box-sizing: border-box;
  text-shadow: none;
}

[class^="ssafun-"] p,
[class*=" ssafun-"] p,
[class^="ssafun-"] li,
[class*=" ssafun-"] li,
[class^="ssafun-"] span,
[class*=" ssafun-"] span,
[class^="ssafun-"] strong,
[class*=" ssafun-"] strong,
[class^="ssafun-"] label,
[class*=" ssafun-"] label {
  color: var(--ssafun-text);
  -webkit-text-fill-color: currentColor;
}

[class^="ssafun-"] a,
[class*=" ssafun-"] a {
  color: #a9d6ff;
}

[class^="ssafun-"] input[type="text"],
[class^="ssafun-"] input[type="number"],
[class^="ssafun-"] input[type="email"],
[class^="ssafun-"] select,
[class^="ssafun-"] textarea,
[class*=" ssafun-"] input[type="text"],
[class*=" ssafun-"] input[type="number"],
[class*=" ssafun-"] input[type="email"],
[class*=" ssafun-"] select,
[class*=" ssafun-"] textarea {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--ssafun-border);
  background: #0f1623;
  color: #eef4ff;
  font-size: 0.98rem;
}

[class^="ssafun-"] input:focus,
[class^="ssafun-"] select:focus,
[class^="ssafun-"] textarea:focus,
[class*=" ssafun-"] input:focus,
[class*=" ssafun-"] select:focus,
[class*=" ssafun-"] textarea:focus {
  outline: 2px solid rgba(36, 147, 236, 0.35);
  border-color: #3f8fd6;
}

[class^="ssafun-"] button,
[class*=" ssafun-"] button {
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid #2f6ea5;
  border-radius: 10px;
  background: linear-gradient(180deg, var(--ssafun-primary) 0%, var(--ssafun-primary-dark) 100%);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

[class^="ssafun-"] button:hover,
[class*=" ssafun-"] button:hover {
  filter: brightness(1.06);
}

@media (max-width: 640px) {
  [class^="ssafun-"] button,
  [class*=" ssafun-"] button {
    width: 100%;
  }
}