/* --- SocialFormula | Video Submission Call-to-Action --- */
.submit-video-container { padding: 60px 0; background: transparent; }
.sv-wrapper { background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%); border-radius: 24px; padding: 60px 40px; text-align: center; color: #ffffff; position: relative; overflow: hidden; box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2); border: 1px solid rgba(255, 255, 255, 0.05); }
.sv-wrapper::before { content: ''; position: absolute; top: -60px; left: -60px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(0, 149, 246, 0.2) 0%, transparent 70%); border-radius: 50%; animation: pulse-glow 8s infinite alternate; }
.sv-wrapper::after { content: ''; position: absolute; bottom: -40px; right: -40px; width: 150px; height: 150px; background: radial-gradient(circle, rgba(0, 149, 246, 0.15) 0%, transparent 70%); border-radius: 50%; }
@keyframes pulse-glow { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.2); opacity: 0.8; } }
.sv-content { position: relative; z-index: 5; max-width: 700px; margin: 0 auto; }
.sv-icon-box { width: 80px; height: 80px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; border: 1px solid rgba(255, 255, 255, 0.2); transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.sv-icon-box i { font-size: 32px; background: linear-gradient(135deg, #00C6FF 0%, #0072FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sv-wrapper:hover .sv-icon-box { transform: scale(1.1) rotate(5deg); background: rgba(255, 255, 255, 0.15); border-color: #0095F6; }
.sv-title { font-family: 'Poppins', sans-serif; font-size: 34px; font-weight: 800; margin-bottom: 15px; letter-spacing: -0.5px; }
.sv-desc { font-size: 17px; line-height: 1.6; color: #94A3B8; margin-bottom: 35px; }
.sv-action-btn { display: inline-flex; align-items: center; gap: 10px; background: #FFFFFF; color: #0F172A; padding: 16px 40px; border-radius: 50px; font-weight: 700; font-size: 16px; text-decoration: none; transition: 0.3s; box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
.sv-action-btn:hover { background: #0095F6; color: #FFFFFF; transform: translateY(-3px); box-shadow: 0 15px 30px rgba(0, 149, 246, 0.4); }
.sv-action-btn i { font-size: 18px; }

@media (max-width: 768px) { .sv-title { font-size: 26px; } .sv-desc { font-size: 15px; } .sv-wrapper { padding: 40px 25px; } }