Change animation to pure zoom with top origin to prevent sliding illusion on tall pages

src/app/dashboard/ai-coach/cbt-dpp/page.tsx

@@ -93,7 +93,7 @@ export default function AIDailyPracticePage() {
   const cleanTitle = (title: string) => title.replace(/\s*\(ExamEnum\.[^)]+\)/, '');
 
   return (
-    <div className="p-6 md:p-8 space-y-6 animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto">
+    <div className="p-6 md:p-8 space-y-6 animate-in fade-in zoom-in-95 origin-top duration-500 max-w-7xl mx-auto">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">

src/app/dashboard/ai-coach/college-predictor/page.tsx

@@ -36,7 +36,7 @@ export default function CollegePredictorPage() {
   const maxRank = Math.max(...CUTOFF_TRENDS.map(d => d.rank))
 
   return (
-    <div className="p-6 md:p-8 space-y-8 animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto min-h-screen">
+    <div className="p-6 md:p-8 space-y-8 animate-in fade-in zoom-in-95 origin-top duration-500 max-w-7xl mx-auto min-h-screen">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">

src/app/dashboard/ai-coach/heatmap/page.tsx

@@ -35,7 +35,7 @@ export default function HeatmapPage() {
   const criticalTopics = isDemo ? DEMO_CRITICAL_TOPICS : []
 
   return (
-    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500">
+    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen animate-in fade-in zoom-in-95 origin-top duration-500">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">

src/app/dashboard/ai-coach/page.tsx

@@ -89,7 +89,7 @@ export default function AICoachDashboard() {
   const currentStreakDays = `${user?.streak_count || (isDemo ? 12 : 1)} d`
 
   return (
-    <div className="p-6 max-w-6xl mx-auto space-y-8 animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500">
+    <div className="p-6 max-w-6xl mx-auto space-y-8 animate-in fade-in zoom-in-95 origin-top duration-500">
 
       {/* ── METRICS BAR ── */}
       <div className="flex flex-wrap items-center justify-end gap-2 pt-2">

src/app/dashboard/ai-coach/readiness/page.tsx

@@ -32,7 +32,7 @@ export default function ReadinessPage() {
   const maxScore = Math.max(1, ...scoreHistory.map(d => d.score))
 
   return (
-    <div className="p-6 md:p-8 space-y-8 animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto min-h-screen">
+    <div className="p-6 md:p-8 space-y-8 animate-in fade-in zoom-in-95 origin-top duration-500 max-w-7xl mx-auto min-h-screen">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">

src/app/dashboard/ai-coach/strategy/page.tsx

@@ -24,7 +24,7 @@ export default function StrategyPage() {
   const negMarkingData = isDemo ? DEMO_NEG_MARKING_DATA : ZERO_NEG_MARKING_DATA
 
   return (
-    <div className="p-6 md:p-8 space-y-8 animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto min-h-screen">
+    <div className="p-6 md:p-8 space-y-8 animate-in fade-in zoom-in-95 origin-top duration-500 max-w-7xl mx-auto min-h-screen">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">

src/app/dashboard/ai-coach/study-plan/page.tsx

@@ -12,7 +12,7 @@ export default function StudyPlanPage() {
   const streakCount = user?.streak_count || (isDemo ? 12 : 1)
 
   return (
-    <div className="p-6 md:p-8 space-y-8 animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto min-h-screen">
+    <div className="p-6 md:p-8 space-y-8 animate-in fade-in zoom-in-95 origin-top duration-500 max-w-7xl mx-auto min-h-screen">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">

src/app/dashboard/ai-coach/time-optimization/page.tsx

@@ -69,7 +69,7 @@ export default function TimeOptimizationPage() {
   ]
 
   return (
-    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500">
+    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen animate-in fade-in zoom-in-95 origin-top duration-500">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">

src/app/dashboard/ai-coach/tutor/page.tsx

@@ -12,7 +12,7 @@ const CAPABILITIES = [
 
 export default function TutorChatPage() {
   return (
-    <div className="p-6 md:p-8 space-y-6 animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto min-h-screen">
+    <div className="p-6 md:p-8 space-y-6 animate-in fade-in zoom-in-95 origin-top duration-500 max-w-7xl mx-auto min-h-screen">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">

src/app/dashboard/ai-coach/weekly-progress/page.tsx

@@ -41,7 +41,7 @@ export default function WeeklyProgressPage() {
   const syllabusProgress = isDemo ? DEMO_SYLLABUS_PROGRESS : ZERO_SYLLABUS_PROGRESS
 
   return (
-    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500">
+    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen animate-in fade-in zoom-in-95 origin-top duration-500">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">