.aup-wrap {
  --aup-border: rgba(148, 163, 184, 0.25);
  --aup-surface: rgba(255, 255, 255, 0.9);
  --aup-text: #334155;
}

.dark .aup-wrap {
  --aup-border: rgba(100, 116, 139, 0.45);
  --aup-surface: rgba(15, 23, 42, 0.7);
  --aup-text: #cbd5e1;
}

.aup-stack {
  width: 100%;
}

.aup-card {
  background: var(--aup-surface);
  border: 1px solid var(--aup-border);
  border-radius: 14px;
  padding: 20px;
  backdrop-filter: blur(2px);
}

.aup-card h2 {
  margin: 0 0 10px;
  font-size: 1.18rem;
  font-weight: 800;
  color: inherit;
}

.aup-text {
  margin: 0;
  color: var(--aup-text);
  line-height: 1.7;
}

.aup-list {
  margin: 10px 0 0;
  padding-left: 20px;
  color: var(--aup-text);
}

.aup-list li {
  margin: 7px 0;
  line-height: 1.6;
}

.aup-card a {
  color: #0d59f2;
  font-weight: 700;
}

.dark .aup-card a {
  color: #7aa2ff;
}

@media (max-width: 768px) {
  .aup-card {
    padding: 16px;
    border-radius: 12px;
  }
}