diff --git a/layouts/shortcodes/nostr-contact.html b/layouts/shortcodes/nostr-contact.html
index eff57a1..5003aca 100644
--- a/layouts/shortcodes/nostr-contact.html
+++ b/layouts/shortcodes/nostr-contact.html
@@ -4,18 +4,20 @@
       max-width: 600px;
       margin: 2rem 0;
       font-family: inherit;
-      color: #000;  /* Force black text */
-    }
-    .nostr-contact-wrapper .form-group {
-      margin-bottom: 1.5rem;
+      color: #000;
     }
     .nostr-contact-wrapper label {
       display: block;
       margin-bottom: 0.5rem;
       font-weight: 600;
       font-size: 0.9rem;
-      color: #000;  /* Black labels */
+      color: #000;  /* Light mode: black */
     }
+    /* Dark mode override */
+    .dark .nostr-contact-wrapper label {
+      color: #fff;  /* Dark mode: white */
+    }
+    
     .nostr-contact-wrapper input,
     .nostr-contact-wrapper textarea {
       width: 100%;
@@ -24,57 +26,24 @@
       border-radius: 0.375rem;
       background: white;
       font-size: 1rem;
-      color: #000;  /* Black input text */
-    }
-    .nostr-contact-wrapper input::placeholder,
-    .nostr-contact-wrapper textarea::placeholder {
-      color: #6b7280;  /* Keep placeholders grey */
-    }
-    .nostr-contact-wrapper input:focus,
-    .nostr-contact-wrapper textarea:focus {
-      outline: 2px solid #3b82f6;
-      outline-offset: -1px;
       color: #000;
     }
+    /* Optional: Dark mode input styling */
+    .dark .nostr-contact-wrapper input,
+    .dark .nostr-contact-wrapper textarea {
+      background: #1f2937;
+      border-color: #374151;
+      color: #fff;
+    }
+    
     .nostr-contact-wrapper small {
       display: block;
       margin-top: 0.25rem;
-      color: #374151;  /* Darker grey for helper text (was #6b7280) */
+      color: #374151;  /* Light mode */
       font-size: 0.875rem;
     }
-    .nostr-contact-wrapper button {
-      background: #111827;
-      color: white;
-      padding: 0.75rem 1.5rem;
-      border-radius: 0.375rem;
-      font-weight: 600;
-      width: 100%;
-      cursor: pointer;
-    }
-    .nostr-contact-wrapper button:hover {
-      background: #374151;
-    }
-    .nostr-contact-wrapper button:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-    .nostr-contact-wrapper #status {
-      margin-top: 1rem;
-      padding: 1rem;
-      border-radius: 0.375rem;
-      display: none;
-    }
-    .nostr-contact-wrapper #status.success {
-      display: block;
-      background: #f0fdf4;
-      border: 1px solid #86efac;
-      color: #166534;
-    }
-    .nostr-contact-wrapper #status.error {
-      display: block;
-      background: #fef2f2;
-      border: 1px solid #fecaca;
-      color: #991b1b;
+    .dark .nostr-contact-wrapper small {
+      color: #9ca3af;  /* Dark mode: lighter grey */
     }
   </style>