/*
Theme Name: Riyo IT Park Course Landing Page
Theme URI: https://riyoitpark.com/
Description: Complete, premium, high-converting React-inspired single page custom theme designed exclusively for Riyo IT Park's "Mobile App Development Complete Course".
Version: 1.0.0
Author: Riyo IT Park Developer
Author URI: https://riyoitpark.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: riyo-it-park
*/

/* Custom Core Base Resets */
html {
    scroll-behavior: smooth;
}

/* ─── Global Typography: Noto Sans Bengali (Kalpurush-style) ─────────────────────────────────────
   Primary font for all Bengali and mixed-script text.
   line-height: 1.6  → comfortable vertical rhythm for Bangla glyphs
   letter-spacing: 0.02em → slight spacing improves readability at small sizes
   font-feature-settings: ensures standard Bengali ligatures are on
────────────────────────────────────────────────────────────────────────── */
body,
html {
    font-family: 'Noto Sans Bengali', 'Inter', -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    letter-spacing: 0.02em;
    font-feature-settings: "liga" 1, "kern" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1f2937;
    background-color: #0f172a;
}

/* Headings — tighter letter-spacing looks better at large sizes */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans Bengali', 'Inter', sans-serif;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

/* Body copy paragraphs — full readability settings */
p, li, span, label, input, textarea, select, button, a {
    font-family: 'Noto Sans Bengali', 'Inter', sans-serif;
    line-height: 1.6;
    letter-spacing: 0.02em;
}

/* Monospace elements keep JetBrains Mono */
code, pre, kbd, samp, .font-mono {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular,
                 Menlo, Monaco, Consolas, monospace;
    letter-spacing: 0;
    line-height: 1.5;
}

/* Custom Gradient Text Animation */
@keyframes textShimmer {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.gradient-text-shimmer {
    background: linear-gradient(135deg, #f43f5e 0%, #ec4899 25%, #8b5cf6 50%, #3b82f6 75%, #f43f5e 100%);
    background-size: 400% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textShimmer 8s ease infinite;
}

/* Custom glow effects */
.radial-glow-cyan {
    background: radial-gradient(circle, rgba(6, 182, 212, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
}

.radial-glow-rose {
    background: radial-gradient(circle, rgba(244, 63, 94, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
}

.radial-glow-violet {
    background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
}

/* custom animations */
@keyframes pulseGlow {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.05); opacity: 0.8; }
}

.pulsate-glow {
    animation: pulseGlow 4s infinite ease-in-out;
}