:root { --primary-bg: #0a0a0a; --secondary-bg: #1a1a1a; --primary-text: #ffffff; --secondary-text: #b0b0b0; --accent-color: #00d4ff; --success-color: #00ff88; --danger-color: #ff0040; --warning-color: #ffaa00; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background-color: var(--primary-bg); color: var(--primary-text); overflow-x: hidden; min-height: 100vh; } /* Background Animation */ .bg-animation { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(45deg, #0a0a0a 25%, transparent 25%), linear-gradient(-45deg, #0a0a0a 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #0a0a0a 75%), linear-gradient(-45deg, transparent 75%, #0a0a0a 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px; opacity: 0.05; animation: bg-move 20s linear infinite; } @keyframes bg-move { 0% { background-position: 0 0, 0 10px, 10px -10px, -10px 0px; } 100% { background-position: 20px 20px, 20px 30px, 30px 10px, 10px 20px; } } /* Particles Background */ .particles { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .particle { position: absolute; background-color: var(--accent-color); border-radius: 50%; opacity: 0.2; animation: float-up 15s linear infinite; } @keyframes float-up { 0% { transform: translateY(100vh) scale(0); opacity: 0; } 10% { opacity: 0.2; } 90% { opacity: 0.2; } 100% { transform: translateY(-100vh) scale(1); opacity: 0; } } /* Matrix Rain Effect */ .matrix-rain { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; } .matrix-column { position: absolute; top: -100%; font-size: 14px; line-height: 14px; color: var(--accent-color); opacity: 0.05; animation: matrix-fall linear infinite; text-align: center; } @keyframes matrix-fall { 0% { transform: translateY(-100%); } 100% { transform: translateY(100vh); } } /* Header */ header { background-color: rgba(26, 26, 26, 0.8); backdrop-filter: blur(10px); padding: 20px 50px; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 100; border-bottom: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s ease; } .logo { font-size: 24px; font-weight: bold; display: flex; align-items: center; gap: 10px; } .logo i { color: var(--accent-color); animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .logo span { background: linear-gradient(90deg, #fff, var(--accent-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } nav ul { display: flex; list-style: none; gap: 30px; } nav a { color: var(--secondary-text); text-decoration: none; transition: color 0.3s; position: relative; font-weight: 500; } nav a:hover { color: var(--primary-text); } nav a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background-color: var(--accent-color); transition: width 0.3s; } nav a:hover::after { width: 100%; } /* Mobile Menu Button */ .mobile-menu-btn { display: none; background: none; border: none; color: var(--primary-text); font-size: 24px; cursor: pointer; } /* Hero Section */ .hero { padding: 100px 50px; text-align: center; position: relative; min-height: 90vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } .hero h1 { font-size: clamp(2.5rem, 8vw, 5rem); margin-bottom: 20px; background: linear-gradient(90deg, #fff, var(--accent-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glow 2s ease-in-out infinite alternate; } @keyframes glow { from { text-shadow: 0 0 10px var(--accent-color); } to { text-shadow: 0 0 20px var(--accent-color), 0 0 30px var(--accent-color); } } .hero p { font-size: clamp(1rem, 3vw, 1.5rem); color: var(--secondary-text); max-width: 800px; margin: 0 auto 40px; line-height: 1.6; } .hero-buttons { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; } .cta-button { display: inline-block; padding: 15px 40px; background: linear-gradient(90deg, var(--accent-color), #0099cc); color: white; text-decoration: none; border-radius: 30px; font-weight: bold; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1; font-size: 1.1rem; } .cta-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2); transition: left 0.5s; z-index: -1; } .cta-button:hover::before { left: 100%; } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 212, 255, 0.3); } .secondary-button { display: inline-block; padding: 15px 40px; background: transparent; color: white; text-decoration: none; border: 2px solid var(--accent-color); border-radius: 30px; font-weight: bold; transition: all 0.3s; position: relative; overflow: hidden; z-index: 1; font-size: 1.1rem; } .secondary-button::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--accent-color); transition: width 0.3s; z-index: -1; } .secondary-button:hover::before { width: 100%; } .secondary-button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 212, 255, 0.3); } /* Features Section */ .features { padding: 100px 50px; max-width: 1200px; margin: 0 auto; } .section-title { font-size: clamp(2rem, 5vw, 3rem); text-align: center; margin-bottom: 60px; position: relative; } .section-title::after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 100px; height: 3px; background: linear-gradient(90deg, transparent, var(--accent-color), transparent); } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .feature-card { background-color: var(--secondary-bg); border-radius: 15px; padding: 30px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s; position: relative; overflow: hidden; } .feature-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, var(--accent-color), var(--danger-color)); transform: translateX(-100%); transition: transform 0.5s; } .feature-card:hover::before { transform: translateX(0); } .feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); border-color: var(--accent-color); } .feature-icon { font-size: 50px; color: var(--accent-color); margin-bottom: 20px; transition: all 0.3s; } .feature-card:hover .feature-icon { transform: scale(1.1); color: var(--danger-color); } .feature-card h3 { font-size: 1.5rem; margin-bottom: 15px; } .feature-card p { color: var(--secondary-text); line-height: 1.6; } /* Pricing Section */ .pricing { padding: 100px 50px; background-color: rgba(26, 26, 26, 0.5); } .pricing-container { max-width: 1200px; margin: 0 auto; } .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 60px; } .pricing-card { background-color: var(--secondary-bg); border-radius: 15px; padding: 40px 30px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s; position: relative; overflow: hidden; } .pricing-card.featured { transform: scale(1.05); border-color: var(--accent-color); box-shadow: 0 15px 30px rgba(0, 212, 255, 0.2); } .pricing-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at center, rgba(0, 212, 255, 0.1) 0%, transparent 70%); opacity: 0; transition: opacity 0.3s; } .pricing-card:hover::before { opacity: 1; } .pricing-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); } .pricing-card.featured:hover { transform: scale(1.05) translateY(-10px); } .pricing-badge { position: absolute; top: 20px; right: 20px; background-color: var(--accent-color); color: var(--primary-bg); font-size: 0.8rem; font-weight: bold; padding: 5px 15px; border-radius: 20px; text-transform: uppercase; } .plan-name { font-size: 1.8rem; margin-bottom: 10px; } .plan-price { font-size: 3rem; font-weight: bold; margin-bottom: 20px; color: var(--accent-color); } .plan-price span { font-size: 1rem; color: var(--secondary-text); } .plan-features { list-style: none; margin-bottom: 30px; } .plan-features li { padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: var(--secondary-text); } .plan-features li:last-child { border-bottom: none; } .plan-features li i { color: var(--success-color); margin-right: 10px; } .plan-button { display: inline-block; width: 100%; padding: 15px; background: linear-gradient(90deg, var(--accent-color), #0099cc); color: white; text-decoration: none; border-radius: 8px; font-weight: bold; transition: all 0.3s; } .plan-button:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 212, 255, 0.3); } /* Stats Section */ .stats { padding: 100px 50px; max-width: 1200px; margin: 0 auto; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 60px; } .stat-card { background-color: var(--secondary-bg); border-radius: 15px; padding: 30px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s; position: relative; overflow: hidden; } .stat-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(0, 212, 255, 0.1) 0%, transparent 70%); transform: scale(0); transition: transform 0.5s; } .stat-card:hover::before { transform: scale(1); } .stat-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); border-color: var(--accent-color); } .stat-icon { font-size: 40px; color: var(--accent-color); margin-bottom: 15px; transition: all 0.3s; } .stat-card:hover .stat-icon { transform: scale(1.1) rotate(10deg); } .stat-number { font-size: 2.5rem; font-weight: bold; margin-bottom: 10px; color: var(--primary-text); } .stat-label { color: var(--secondary-text); font-size: 1.1rem; } /* Footer */ footer { background-color: var(--secondary-bg); padding: 70px 50px 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; } .footer-section h3 { font-size: 1.3rem; margin-bottom: 20px; color: var(--accent-color); position: relative; display: inline-block; } .footer-section h3::after { content: ''; position: absolute; bottom: -8px; left: 0; width: 50px; height: 2px; background-color: var(--accent-color); } .footer-section p { color: var(--secondary-text); line-height: 1.6; margin-bottom: 20px; } .footer-section ul { list-style: none; } .footer-section ul li { margin-bottom: 12px; } .footer-section a { color: var(--secondary-text); text-decoration: none; transition: all 0.3s; display: inline-block; position: relative; } .footer-section a:hover { color: var(--primary-text); transform: translateX(5px); } .social-links { display: flex; gap: 15px; margin-top: 20px; } .social-links a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; color: var(--primary-text); transition: all 0.3s; } .social-links a:hover { background-color: var(--accent-color); transform: translateY(-3px) rotate(360deg); } .copyright { margin-top: 50px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); text-align: center; color: var(--secondary-text); font-size: 0.9rem; } /* Responsive */ @media (max-width: 992px) { header { padding: 15px 30px; } .hero { padding: 80px 30px; } .features, .pricing, .stats { padding: 80px 30px; } footer { padding: 50px 30px 20px; } } @media (max-width: 768px) { .mobile-menu-btn { display: block; } nav { position: fixed; top: 0; right: -100%; width: 70%; height: 100vh; background-color: var(--secondary-bg); padding: 80px 30px; transition: right 0.3s; z-index: 1000; box-shadow: -5px 0 15px rgba(0, 0, 0, 0.3); } nav.active { right: 0; } nav ul { flex-direction: column; gap: 20px; } .hero-buttons { flex-direction: column; align-items: center; } .cta-button, .secondary-button { width: 100%; max-width: 300px; } .pricing-card.featured { transform: scale(1); } .pricing-card.featured:hover { transform: translateY(-10px); } } @media (max-width: 576px) { header { padding: 15px 20px; } .hero { padding: 60px 20px; } .features, .pricing, .stats { padding: 60px 20px; } footer { padding: 40px 20px 20px; } .section-title { font-size: 1.8rem; } .plan-price { font-size: 2.5rem; } }

Advanced SpamSMS Platform

Unleash the power of SpamSMS attacks with our cutting-edge platform. Control, monitor, and execute with precision.

Launch Attack View Plans

Powerful Features

Lightning Fast

Our platform delivers attacks with unprecedented speed and efficiency, ensuring maximum impact.

Anonymous

Complete anonymity with advanced encryption and routing techniques to protect your identity.

Real-time Analytics

Monitor your attacks with detailed analytics and real-time performance metrics.

Customizable

Tailor every aspect of your attack with our advanced customization options.

Global Network

Access our worldwide network of servers for maximum reach and effectiveness.

24/7 Support

Our expert team is available around the clock to assist with any questions or issues.

Choose Your Plan

Basic

$29/month
  • Up to 5 attacks per day
  • Maximum duration: 5 minutes
  • Basic attack types
  • Email support
  • Basic analytics
Get Started
Most Popular

Advanced

$79/month
  • Up to 20 attacks per day
  • Maximum duration: 30 minutes
  • All attack types
  • Priority support
  • Advanced analytics
  • Custom attack scripts
Get Started

VIP

$199/month
  • Unlimited attacks
  • Maximum duration: 2 hours
  • All attack types + exclusives
  • 24/7 dedicated support
  • Premium analytics
  • Custom attack development
  • API access
Get Started

Platform Statistics

247
Active Attacks
20
Servers
8
Hours of Downtime
105
Active Users