@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
body.theme-4 {
  --bg: linear-gradient(135deg, #f7f7fb 0%, #eef3ff 100%);
  --text: #2a2a2a;
  --accent: #2ecc71;
  --card-bg: #ffffff;
  --shadow: 0 8px 20px rgba(46, 204, 113, 0.18);
  --radius: 20px;
  --font: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --button-bg: #2ecc71;
  --button-text: #ffffff;
}

body.theme-4::before {
  content: "";
  position: fixed;
  right: -120px; top: -80px;
  width: 380px; height: 380px;
  background: linear-gradient(160deg, rgba(46, 204, 113, 0.22), transparent 70%);
  transform: rotate(20deg);
  filter: blur(6px);
  pointer-events: none;
}

body.theme-4 .container { padding: 32px 30px; border: 1px solid rgba(46, 204, 113, 0.22); text-align: left; }
body.theme-4 .container h1 { font-size: 26px; font-weight: 700; }
body.theme-4 .button { border-radius: 14px; background: transparent; color: var(--accent); border: 2px solid var(--accent); box-shadow: none; }
body.theme-4 .button:hover { background: var(--accent); color: #fff; }
body.theme-4 .loaders .loader-pulse { display: block; }
body.theme-4 .loader-pulse { background: var(--accent); }