/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body { 
    font-family: 'Poppins', sans-serif; 
    background: #f4f7fa;
    background-image: radial-gradient(circle at top left, #eef2ff, transparent 50%),
                      radial-gradient(circle at bottom right, #fdf4ff, transparent 50%);
    background-attachment: fixed; 
    margin: 0; 
    padding: 0;
}

/* View Section Animations */
.view-section { display: none; opacity: 0; }
.view-section.active { display: block; opacity: 1; animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

@keyframes slideUp { 
    0% { transform: translateY(15px); opacity: 0; } 
    100% { transform: translateY(0); opacity: 1; } 
}

/* Color Picker Customization */
input[type="color"] { 
    -webkit-appearance: none; border: none; width: 45px; height: 45px; border-radius: 10px; cursor: pointer; padding: 0; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); 
}
input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
input[type="color"]::-webkit-color-swatch { border: none; border-radius: 10px; }

/* Custom Radio Buttons for Pricing Plans */
.plan-radio:checked + .plan-card { 
    border-color: #8b5cf6; 
    background: linear-gradient(135deg, #f5f3ff 0%, #ffffff 100%); 
    box-shadow: 0 4px 20px rgba(139, 92, 246, 0.25); 
    transform: translateY(-2px); 
}
.plan-radio:checked + .plan-card .check-icon { display: block; }

/* Glass Navbar */
.glass-nav { 
    background: rgba(255, 255, 255, 0.85); 
    backdrop-filter: blur(12px); 
    border-bottom: 1px solid rgba(255, 255, 255, 0.4); 
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); 
}

/* Glowing Button Effect */
.btn-glow { 
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3); transition: all 0.3s ease; 
}
.btn-glow:hover { 
    box-shadow: 0 6px 20px rgba(139, 92, 246, 0.5); transform: translateY(-2px); 
}

/* Utilities */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }