:root { --accent: #e01212; --accent-2: #ff3b3b; --bl: #e01212; --bl-2: #ff7a59; }
.hot { background: linear-gradient(90deg, #b30d0d, var(--bl) 45%, var(--bl-2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.btn { color: #fff; }
.splash { margin: 0; border-radius: 20px; overflow: hidden; border: 1px solid var(--line); background: #2a2a2a; }
.splash img { display: block; width: 100%; height: auto; }
.themes { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-top: 24px; }
.swatch { display: flex; gap: 6px; margin-bottom: 12px; }
.swatch i { width: 28px; height: 28px; border-radius: 8px; border: 1px solid var(--line); }
.notify { display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
.notify > div { flex: 1 1 300px; }
.notify img { filter: drop-shadow(0 8px 30px rgba(224, 18, 18, .35)); }
.notify .btn { margin-top: 8px; }