/*
Theme Name: Fony IT Landing Page
Author: Fony IT
Description: A custom high-converting landing page theme with Google Sheets Automation.
Version: 1.0
*/

body { font-family: 'Hind Siliguri', sans-serif; background-color: #F8FAFC; color: #333; overflow-x: hidden; scroll-behavior: smooth; }
.hero-bg { background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%); }
.glass-card { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); }

/* Attention Effects (Buttons & Badges only) */
.glow-btn { box-shadow: 0 0 15px rgba(22, 163, 74, 0.4); transition: all 0.3s ease; }
.glow-btn:hover { box-shadow: 0 0 25px rgba(22, 163, 74, 0.7); transform: translateY(-2px); }
.pay-btn { cursor: pointer; transition: transform 0.2s; }
.pay-btn:hover { transform: scale(1.1); }
.selected-pay { border: 3px solid #10B981; transform: scale(1.1); box-shadow: 0 0 15px rgba(16, 185, 129, 0.5); }

/* WhatsApp Floating Button */
.wa-floating { position: fixed; bottom: 20px; right: 20px; z-index: 9999; background-color: #25D366; color: white; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 2px 5px 15px rgba(0,0,0,0.3); transition: transform 0.3s; }
.wa-floating:hover { transform: scale(1.1); background-color: #128C7E; }
.wa-pulse { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); animation: wp-pulse-anim 2s infinite; }
@keyframes wp-pulse-anim {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}