AI update: עדכן את טופס יצירת הקשר (Contact Form) כך שכתובת המייל שאליה נשלחות הפניות תהיה: support@emilion.co.il

אם יש כתובת מייל

style.css

@@ -2,7 +2,7 @@
   --color-bg: #0a0a0f;
   --color-bg-alt: #12121a;
   --color-text: #f0f0f5;
-  --color-text-muted: #b0b0c5;
+  --color-text-muted: #9ca3b0;
   --color-primary: #6366f1;
   --color-secondary: #ec4899;
   --color-accent: #f59e0b;
@@ -448,7 +448,7 @@ button, input, textarea {
 .hero-title {
   font-size: clamp(2.25rem, 7vw, 4.5rem);
   font-weight: 900;
-  line-height: 1.1;
+  line-height: 1.2;
   margin-bottom: var(--space-md);
 }
 
@@ -514,6 +514,12 @@ button, input, textarea {
   outline-offset: 3px;
 }
 
+.btn-primary:disabled {
+  opacity: 0.7;
+  cursor: not-allowed;
+  transform: none;
+}
+
 .btn-ghost {
   background: transparent;
   border: 1px solid rgba(255, 255, 255, 0.2);
@@ -535,7 +541,7 @@ button, input, textarea {
   position: absolute;
   bottom: var(--space-md);
   inset-inline-start: 50%;
-  transform: translateX(-50%);
+  transform: translateX(50%);
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -544,8 +550,8 @@ button, input, textarea {
   font-size: 0.8rem;
 }
 
-[dir="rtl"] .scroll-indicator {
-  transform: translateX(50%);
+[dir="ltr"] .scroll-indicator {
+  transform: translateX(-50%);
 }
 
 .scroll-line {
@@ -689,7 +695,6 @@ button, input, textarea {
 
 .work-card:hover,
 .work-card:focus-within {
-  transform: translateY(-5px);
   border-color: rgba(255, 255, 255, 0.1);
 }
 
@@ -920,7 +925,6 @@ button, input, textarea {
   color: var(--color-text-muted);
   font-size: 0.95rem;
   margin-bottom: var(--space-sm);
-  max-width: 45ch;
 }
 
 .work-tags {
@@ -1343,7 +1347,7 @@ button, input, textarea {
   display: flex;
   flex-direction: column;
   gap: var(--space-sm);
-  margin-bottom: var(--space-lg);
+  margin-bottom: var(--space-md);
 }
 
 .contact-detail {
@@ -1366,6 +1370,33 @@ button, input, textarea {
   height: 100%;
 }
 
+.contact-email-link {
+  color: var(--color-text);
+  transition: var(--transition);
+  position: relative;
+}
+
+.contact-email-link::after {
+  content: '';
+  position: absolute;
+  bottom: -2px;
+  inset-inline-start: 0;
+  width: 0;
+  height: 1px;
+  background: var(--color-primary);
+  transition: var(--transition);
+}
+
+.contact-email-link:hover,
+.contact-email-link:focus {
+  color: var(--color-primary);
+}
+
+.contact-email-link:hover::after,
+.contact-email-link:focus::after {
+  width: 100%;
+}
+
 .contact-cta {
   background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(236, 72, 153, 0.1));
   border: 1px solid rgba(255, 255, 255, 0.1);
@@ -1401,7 +1432,7 @@ button, input, textarea {
   font-size: 0.9rem;
   font-weight: 500;
   margin-bottom: var(--space-xs);
-  color: var(--color-text-muted);
+  color: var(--color-text);
 }
 
 .form-group .required {