complete story 13.3

resources/css/app.css

@@ -855,6 +855,32 @@ img, video, iframe {
     @apply transition-all duration-200 ease-out;
 }
 
+/* ==========================================================================
+   Auth Background Pattern (Story 13.3)
+   Subtle geometric dot pattern for auth form panels
+   ========================================================================== */
+
+/* Pattern overlay using pseudo-element - fixed positioning doesn't scroll */
+.auth-pattern {
+    position: relative;
+}
+
+.auth-pattern::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-image: url('/images/auth-pattern.svg');
+    background-repeat: repeat;
+    pointer-events: none;
+    z-index: 0;
+}
+
+/* Ensure content stays above pattern */
+.auth-pattern > * {
+    position: relative;
+    z-index: 1;
+}
+
 /* ==========================================================================
    Accessibility Styles (Story 9.10)
    WCAG 2.1 AA Compliance

resources/views/components/layouts/auth/split.blade.php

@@ -15,13 +15,13 @@
                 <img
                     src="{{ asset('images/logo.png') }}"
                     alt="{{ __('LIBRA for Rights') }}"
-                    class="absolute inset-0 h-full w-full object-contain p-12"
+                    class="absolute inset-0 h-full w-full object-cover"
                 />
                 <span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
             </a>
 
-            <!-- Right: Form panel with background bg -->
-            <div class="relative w-full bg-background lg:p-8">
+            <!-- Right: Form panel with background and subtle pattern -->
+            <div class="auth-pattern relative w-full bg-background lg:p-8">
                 <!-- Language Toggle -->
                 <div class="absolute end-4 top-4 z-50">
                     <x-language-toggle variant="light" />