:root { –neon: #00ff9d; –bg: #0a0b10; } body { margin: 0; font-family: ‘Montserrat’, sans-serif; background: var(–bg); color: white; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .hero { text-align: center; width: 90%; max-width: 500px; padding: 20px; } .hero h1 { font-size: 2.5rem; margin-bottom: 10px; color: #fff; text-transform: uppercase; } .hero span { color: var(–neon); text-shadow: 0 0 15px var(–neon); } .btn-main { display: block; background: var(–neon); color: black; padding: 22px; border-radius: 50px; font-weight: 900; font-size: 20px; text-decoration: none; box-shadow: 0 0 30px var(–neon); animation: pulse 2s infinite; transition: 0.3s; margin: 30px 0; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .btn-main:hover { transform: scale(1.1); box-shadow: 0 0 50px var(–neon); } .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 20px; } .item { background: #1a1c25; padding: 15px; border-radius: 15px; font-size: 14px; border: 1px solid #333; }