Fix auth form styling: wider forms (600px) and hidden message boxes

- Increased auth-form max-width from 400px to 600px to match site styling
- Reduced form-group margin-bottom from 3rem to 1.5rem for better spacing
- Added display:none to error/success message boxes by default
- Message boxes now only show when server sets display-error/display-success

static/asteroid.css

@@ -569,7 +569,7 @@ body .auth-form{
     border-radius: 8px;
     padding: 2rem;
     width: 100%;
-    max-width: 400px;
+    max-width: 600px;
     -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
     -o-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
     -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
@@ -591,7 +591,7 @@ body .auth-form h3{
 }
 
 body .form-group{
-    margin-bottom: 3rem;
+    margin-bottom: 1.5rem;
 }
 
 body .form-group label{

static/asteroid.lass

@@ -455,7 +455,7 @@
      :border-radius 8px
      :padding 2rem
      :width "100%"
-     :max-width 400px
+     :max-width 600px
      :box-shadow "0 4px 6px rgba(0, 0, 0, 0.3)"
     
      (h2 :color "#00ffff"
@@ -468,7 +468,7 @@
          :font-size 1.2rem))
 
     (.form-group
-     :margin-bottom 3rem
+     :margin-bottom 1.5rem
     
      (label :display block
             :color "#ccc"

template/login.chtml

@@ -12,7 +12,7 @@
     <div class="auth-container">
       <div class="auth-form">
         <h2>System Access</h2>
-        <div class="message error" data-attr="style" data-attr-value="display-error">
+        <div class="message error" data-attr="style" data-attr-value="display-error" style="display: none;">
           <span data-text="error-message">Invalid username or password</span>
         </div>
         <form method="post" action="/asteroid/login">

template/register.chtml

@@ -17,10 +17,10 @@
     <div class="auth-container">
       <div class="auth-form">
         <h2>Create Account</h2>
-        <div class="message error" data-attr="style" data-attr-value="display-error">
+        <div class="message error" data-attr="style" data-attr-value="display-error" style="display: none;">
           <span data-text="error-message">Registration failed</span>
         </div>
-        <div class="message success" data-attr="style" data-attr-value="display-success">
+        <div class="message success" data-attr="style" data-attr-value="display-success" style="display: none;">
           <span data-text="success-message">Registration successful!</span>
         </div>
         <form method="post" action="/asteroid/register">