fix: perfect dashboard auth overlay positioning on mobile and desktop

app/(public)/cgpa-calculator/page.tsx

@@ -70,7 +70,7 @@ export default function CgpaCalculatorPage() {
   }, [calculateRequiredSgpa]);
 
   return (
-    <main className="relative min-h-[90vh] pt-12 md:pt-16 pb-12 overflow-hidden bg-slate-50 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-indigo-50/40 via-white to-slate-50 dark:bg-none dark:bg-[#020617] flex flex-col justify-center">
+    <main className="relative min-h-[calc(100vh-72px)] pt-12 md:pt-16 pb-12 overflow-hidden bg-slate-50 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-indigo-50/40 via-white to-slate-50 dark:bg-none dark:bg-[#020617] flex flex-col justify-center">
       {/* Ultra-Premium Dynamic Ambient Background */}
       <div className="absolute inset-0 z-0 overflow-hidden pointer-events-none flex items-center justify-center">
         {/* Orb 1: Top Left Blue */}

app/(public)/creators/page.tsx

@@ -82,7 +82,7 @@ export default function TeamPage() {
   };
 
   return (
-    <main className="min-h-screen bg-background">
+    <main className="min-h-[calc(100vh-72px)] flex flex-col justify-center py-12 bg-background">
       {/* Hero */}
       <section className="relative overflow-hidden pt-10 pb-4 lg:pt-14 lg:pb-6">
         {/* Subtle Ambient Glows */}

app/dashboard/page.tsx

@@ -57,7 +57,7 @@ export default function DashboardPage() {
       </AnimatePresence>
 
       {/* Top Section Divider for visual separation from Universities */}
-      <div className="absolute inset-x-0 top-0 h-px w-full bg-gradient-to-r from-transparent via-blue-500/30 to-transparent" />
+      <div className="absolute inset-x-0 top-0 z-50 h-px w-full bg-gradient-to-r from-transparent via-blue-500/30 to-transparent" />
 
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="flex flex-col gap-8">

components/contact/ContactSection.tsx

@@ -36,7 +36,10 @@ export default function ContactSection() {
   };
 
   return (
-    <section id="Contact" className={styles.contactSection}>
+    <section
+      id="Contact"
+      className={`${styles.contactSection} min-h-[calc(100vh-72px)] flex flex-col justify-center`}
+    >
       {/* Top Section Divider */}
       <div className={styles.sectionDivider}></div>
 

features/landing/ai-demo.tsx

@@ -117,7 +117,7 @@ export default function AIDemo() {
   };
 
   return (
-    <section className="relative flex min-h-[100dvh] flex-col items-center justify-center overflow-hidden border-b border-slate-100 bg-white py-8 lg:py-10 dark:border-border dark:bg-background">
+    <section className="relative flex min-h-[calc(100vh-72px)] flex-col items-center justify-center overflow-hidden border-b border-slate-100 bg-white py-8 lg:py-10 dark:border-border dark:bg-background">
       {/* Premium High-Contrast Background Elements */}
       <div className="absolute inset-0 z-0 overflow-hidden pointer-events-none">
         {/* Light Mode Blobs */}

features/landing/cgpa-feature.tsx

@@ -14,7 +14,7 @@ import {
 
 export default function CgpaFeature() {
   return (
-    <section className="relative flex flex-col items-center justify-center overflow-hidden border-b border-slate-100 bg-slate-50 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-indigo-50/40 via-white to-slate-50 dark:bg-none py-12 lg:py-20 dark:border-white/5 dark:bg-[#020617] min-h-[80vh] lg:min-h-0">
+    <section className="relative flex flex-col items-center justify-center overflow-hidden border-b border-slate-100 bg-slate-50 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-indigo-50/40 via-white to-slate-50 dark:bg-none py-12 lg:py-20 dark:border-white/5 dark:bg-[#020617] min-h-[calc(100vh-72px)]">
       {/* Ultra-Premium Ambient Background */}
       <div className="absolute inset-0 z-0 overflow-hidden pointer-events-none">
         <div className="absolute top-[20%] left-[10%] h-[600px] w-[600px] rounded-full bg-gradient-to-br from-indigo-500/10 via-purple-500/5 to-transparent dark:from-indigo-600/20 dark:via-purple-900/10 blur-[120px]" />

features/landing/faq.tsx

@@ -38,7 +38,7 @@ export default function FAQ() {
   };
 
   return (
-    <section className="relative flex min-h-[100dvh] flex-col items-center pt-20 pb-16 lg:pt-28 lg:pb-24 overflow-hidden bg-slate-50 dark:bg-[#090e17]">
+    <section className="relative flex min-h-[calc(100vh-72px)] flex-col items-center justify-center pt-20 pb-16 lg:pt-28 lg:pb-24 overflow-hidden bg-slate-50 dark:bg-[#090e17]">
       {/* Premium High-Contrast Background Elements */}
       <div className="absolute inset-0 z-0 overflow-hidden pointer-events-none">
         {/* Light Mode Blobs - Premium prominent pastel mesh */}

features/landing/features.tsx

@@ -31,7 +31,7 @@ export default function Features() {
   };
 
   return (
-    <section className="relative flex min-h-[100dvh] flex-col items-center justify-center overflow-hidden border-b border-slate-100 bg-[#FAFAFA] py-8 lg:py-10 dark:border-border dark:bg-background">
+    <section className="relative flex min-h-[calc(100vh-72px)] flex-col items-center justify-center overflow-hidden border-b border-slate-100 bg-[#FAFAFA] py-8 lg:py-10 dark:border-border dark:bg-background">
       {/* Premium High-Contrast Background Elements */}
       <div className="absolute inset-0 z-0 overflow-hidden pointer-events-none">
         {/* Light Mode Blobs - Premium prominent pastel mesh */}