body { margin: 0; padding: 0; background: linear-gradient(180deg, #090017 0%, #140031 50%, #05000f 100%); font-family: Shabnam; color: #e0e0ff; overflow-x: hidden; min-height: 100vh; position: relative; user-select: none; } body::before { content: ""; position: fixed; width: 100%; height: 100%; background-image: radial-gradient(1px 1px at 15% 20%, #ffffff 70%, transparent), radial-gradient(1px 1px at 80% 25%, #00ffff 70%, transparent), radial-gradient(1px 1px at 35% 75%, #ff00e1 70%, transparent), radial-gradient(1px 1px at 60% 90%, #ffffff 70%, transparent), radial-gradient(1px 1px at 50% 50%, #9effff 70%, transparent); background-repeat: repeat; background-size: 220px 220px; animation: cyberTwinkle 12s infinite linear; z-index: -1; opacity: 0.5; } .notice { background: linear-gradient(to right, #00eaff, #ff00f7); color: #12001f; padding: 1rem 1.5rem; font-weight: bold; font-size: 1rem; border-radius: 16px; margin: 1.5rem auto; max-width: 600px; text-align: center; box-shadow: 0 0 25px #ff00f7aa, 0 0 12px #00eaff99; } @keyframes cyberTwinkle { 0%, 100% { opacity: 0.6; } 50% { opacity: 0.2; } }