Improve disclaimer modal layout

css/style.css

@@ -484,27 +484,33 @@ footer a:hover {
   background-color: rgb(0 0 0 / 0.9);
   z-index: 50;
   /* remove display: none; */
+  display: flex;
   flex-direction: column;
   overflow-y: auto;
   overscroll-behavior: contain;
 }
 
 #disclaimerModal .modal-content {
-  width: 100%;
+  width: min(960px, calc(100% - 2rem));
+  max-height: min(90vh, 820px);
   display: flex;
   flex-direction: column;
   background-color: var(--color-bg);
+  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.45);
 }
 
-#disclaimerModal .modal-scroll {
+#disclaimerModal .modal-header {
+  min-height: 1.5rem;
+}
+
+#disclaimerModal .modal-body {
   padding: 1.5rem;
   flex: 1;
   overflow-y: auto;
 }
 
-/* Disclaimer Modal Button Container */
-#disclaimerModal .button-container {
-  padding: 1rem 1.5rem;
+#disclaimerModal .modal-footer {
+  padding: 1.25rem 1.5rem 1.75rem;
   background-color: #1a2234;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
@@ -517,9 +523,14 @@ footer a:hover {
     justify-content: center;
   }
 
-  #disclaimerModal .modal-scroll {
+  #disclaimerModal .modal-body {
+    padding: 2rem 2.5rem 1.5rem;
     max-height: calc(90vh - 5rem);
   }
+
+  #disclaimerModal .modal-footer {
+    padding: 1.5rem 2.5rem 2rem;
+  }
 }
 
 /* Mobile-specific styles for Disclaimer Modal */
@@ -531,6 +542,17 @@ footer a:hover {
   #disclaimerModal .modal-content {
     min-height: 100vh;
     border-radius: 0;
+    max-height: none;
+    width: 100%;
+  }
+
+  #disclaimerModal .modal-body {
+    padding: 1.5rem 1.5rem 1rem;
+    max-height: none;
+  }
+
+  #disclaimerModal .modal-footer {
+    padding: 1rem 1.5rem 2rem;
   }
 }