body { background: #0a0a0a; color: white; font-family: Tahoma, sans-serif; margin: 0; display: flex; flex-direction: column; align-items: center; min-height: 100vh; }
.container { width: 90%; max-width: 600px; padding: 40px 0; }
.rgb-title { font-size: 2.5rem; background: linear-gradient(90deg, #ff00cc, #3333ff, #00ffcc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; margin-bottom: 5px; }
.subtitle { text-align: center; color: #888; margin-bottom: 30px; }
.main-card { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); padding: 30px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.1); margin-bottom: 20px; text-align: center; }
.btn-download { display: block; width: 100%; padding: 15px; margin: 10px 0; border: none; border-radius: 10px; background: linear-gradient(45deg, #ff00cc, #3333ff); color: white; font-weight: bold; text-decoration: none; cursor: pointer; transition: 0.3s; }
.btn-pay { padding: 15px 30px; border: none; border-radius: 10px; background: #ffcc00; color: #000; font-weight: bold; cursor: pointer; margin-top: 10px; }
.disabled { filter: grayscale(1); opacity: 0.5; cursor: not-allowed; }
.pwd-box { margin-top: 20px; font-size: 0.9rem; opacity: 0.8; }
.video-container { width: 100%; height: 200px; margin-top: 15px; }
iframe { width: 100%; height: 100%; border-radius: 10px; }
footer { margin-top: auto; padding: 20px; font-size: 0.8rem; color: #555; text-align: center; }
footer a { color: #ff00cc; text-decoration: none; }