feat: Initialize e-learning frontend with course browsing, landing, and authentication pages, along with core layouts and composables.

Frontend-Learner/assets/css/main.css

@@ -62,10 +62,15 @@
   --bg-body: #020617; /* Slate 950: Deep Sea */
   --bg-surface: #0f172a; /* Slate 900: Sidebar/Main Cards */
   --bg-elevated: #1e293b; /* Slate 800: Inner Cards/Highlights */
-  
+
   --text-main: #f8fafc; /* text-slate-50: Brighter white for main text */
   --text-secondary: #94a3b8; /* text-slate-300: Lighter grey for secondary text */
-  --border-color: rgba(255, 255, 255, 0.08); /* White with low opacity for subtle borders */
+  --border-color: rgba(
+    255,
+    255,
+    255,
+    0.08
+  ); /* White with low opacity for subtle borders */
   --neutral-50: #1e293b;
   --neutral-100: #334155;
   --neutral-200: #475569;
@@ -226,22 +231,17 @@ ul {
   color: #f1f5f9;
 }
 
-/* Auth Layout */
+/* Auth Layout - Always Light for Auth Pages */
 .auth-shell {
   min-height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--bg-body);
-  color: var(--text-main);
+  background-color: #ffffff; /* เปลี่ยนเป็นสีขาวล้วน */
+  color: #0f172a; /* สีข้อความเข้ม */
   padding: 24px;
 }
 
-.dark .auth-shell {
-  background-color: #0f172a;
-  color: #f1f5f9;
-}
-
 /* ===========================
    Components
    =========================== */
@@ -1168,6 +1168,3 @@ html:not(.dark) .q-item__label,
 html:not(.dark) .q-select__dropdown .q-item {
   color: #0f172a !important;
 }
-
-
-