.hero-content { text-align: center; color: white; max-width: 600px; padding: 2rem; } .hero-title { font-size: 3.5rem; font-weight: 700; margin-bottom: 1rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .hero-subtitle { font-size: 1.25rem; margin-bottom: 2rem; opacity: 0.9; } .feature-card { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 15px; padding: 1.5rem; margin: 1rem; text-align: center; transition: transform 0.3s ease; } .feature-card:hover { transform: translateY(-5px); } .feature-icon { font-size: 3rem; margin-bottom: 1rem; color: #ffd700; } .cta-buttons { margin-top: 2rem; } .btn-hero { padding: 12px 30px; font-size: 1.1rem; font-weight: 600; border-radius: 50px; margin: 0 10px; text-decoration: none; display: inline-block; transition: all 0.3s ease; } .btn-primary-hero { background: #fff; color: #667eea; border: 2px solid #fff; } .btn-primary-hero:hover { background: transparent; color: #fff; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .btn-outline-hero { background: transparent; color: #fff; border: 2px solid #fff; } .btn-outline-hero:hover { background: #fff; color: #667eea; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .features-section { padding: 4rem 0; background: rgba(255, 255, 255, 0.05); }

Hello! let's get started

Sign in to continue.
Don't have an account? Create
Demo Admin: admin@example.com / admin123