diff --git a/static/css/main.css b/static/css/main.css
index 2322ebe..6c419aa 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -690,13 +690,14 @@ select:focus {
 .result-box {
     margin-top: 14px;
     padding: 12px;
-    border: 1px dashed var(--border);
+    border: 2px solid var(--brand);
     border-radius: 12px;
     background: var(--bg-elev);
-    box-shadow: 0 0 8px 2px color-mix(in srgb, var(--brand) 50%, transparent 50%);
-    transition: box-shadow 0.3s ease;
+    box-shadow: 0 0 15px 5px color-mix(in srgb, var(--brand) 80%, transparent 20%);
+    transition: box-shadow 0.3s ease, border-color 0.3s ease;
 }
 
 .result-box:hover {
-    box-shadow: 0 0 12px 4px color-mix(in srgb, var(--brand) 70%, transparent 30%);
+    box-shadow: 0 0 20px 8px color-mix(in srgb, var(--brand) 100%, transparent 0%);
+    border-color: color-mix(in srgb, var(--brand-2) 90%, var(--brand) 10%);
 }