/* AstroSutraa Academy - global styles */
:root {
    --as-indigo: #4f46e5;
    --as-purple: #7c3aed;
    --as-gold:   #d97706;
    --as-saffron:#f59e0b;
}

html { scroll-behavior: smooth; }

body {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    color: #0f172a;
    background: #ffffff;
}

.font-serif-display {
    font-family: 'Playfair Display', Georgia, serif;
}

.gradient-hero {
    background: radial-gradient(circle at 10% 10%, rgba(124,58,237,0.12), transparent 40%),
                radial-gradient(circle at 90% 0%, rgba(245,158,11,0.18), transparent 40%),
                linear-gradient(135deg, #fefce8 0%, #fdf2f8 40%, #eef2ff 100%);
}

.gradient-cta {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #d946ef 100%);
}

.shadow-soft {
    box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.15);
}

.card-hover {
    transition: transform .3s ease, box-shadow .3s ease;
}
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -15px rgba(79, 70, 229, .25);
}

.btn-primary {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: #fff;
    padding: .75rem 1.5rem;
    border-radius: .75rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    transition: opacity .2s;
}
.btn-primary:hover { opacity: .92; }

.btn-outline {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #0f172a;
    padding: .75rem 1.5rem;
    border-radius: .75rem;
    font-weight: 500;
}

.scrollbar-thin::-webkit-scrollbar { width: 6px; height: 6px; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }

/* Video player watermark overlay */
.video-watermark {
    position: absolute;
    pointer-events: none;
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    font-weight: 500;
    text-shadow: 0 1px 3px rgba(0,0,0,0.7);
    z-index: 30;
    animation: wm-move 12s linear infinite alternate;
}
@keyframes wm-move {
    0%   { top: 10%; left: 5%; }
    50%  { top: 70%; left: 65%; }
    100% { top: 30%; left: 40%; }
}