@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');
body.theme-3 {
  --bg: radial-gradient(1200px circle at 10% 10%, #0f0f0f 40%, #000 100%);
  --text: #e8e8e8;
  --accent: #ff0050;
  --card-bg: #151515;
  --shadow: 0 10px 24px rgba(255, 0, 80, 0.25);
  --radius: 14px;
  --font: 'Montserrat', 'Segoe UI', Roboto, Arial, sans-serif;
  --button-bg: linear-gradient(90deg, #ff0050 0%, #00f2ea 100%);
  --button-text: #0f0f0f;
}

body.theme-3 .container {
  border: 1px solid rgba(255, 0, 80, 0.25);
  box-shadow: 0 0 12px rgba(255, 0, 80, 0.25), var(--shadow);
  padding: 26px 24px;
}
body.theme-3 .button { font-weight: 700; box-shadow: 0 0 16px rgba(255, 0, 80, 0.45); }
body.theme-3 .button:hover { filter: brightness(1.1); transform: translateY(-1px); }
body.theme-3 .container h1 { font-size: 25px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; }
body.theme-3 .container p { font-size: 15px; opacity: 0.85; }
body.theme-3 .loaders .loader-dots { display: inline-flex; }