AI update: עדכן את טופס צור קשר כך שכל ההודעות יישלחו לכתובת המייל: yossi.em@gmail.com

וודא שזו הכתובת המוגדרת בכל מקום שיש אפשרות

style.css

@@ -353,9 +353,9 @@ ul {
   transform: scaleX(-1);
 }
 
-.btn:hover .btn-arrow,
-.btn:focus .btn-arrow {
-  transform: translateX(-4px);
+[dir="rtl"] .btn:hover .btn-arrow,
+[dir="rtl"] .btn:focus .btn-arrow {
+  transform: scaleX(-1) translateX(-4px);
 }
 
 [dir="ltr"] .btn:hover .btn-arrow,
@@ -434,7 +434,7 @@ ul {
 .hero-sub {
   font-size: clamp(1rem, 2vw, 1.25rem);
   color: var(--color-text-muted);
-  max-width: 520px;
+  max-width: 460px;
   margin-bottom: var(--space-xl);
   line-height: 1.7;
 }
@@ -516,11 +516,12 @@ ul {
   gap: var(--space-xs);
   font-size: 0.875rem;
   color: var(--color-text-muted);
-  animation: bounce 2s ease-in-out infinite;
+  animation: bounce-rtl 2s ease-in-out infinite;
 }
 
 [dir="ltr"] .scroll-hint {
   transform: translateX(-50%);
+  animation-name: bounce-ltr;
 }
 
 .scroll-hint svg {
@@ -528,15 +529,11 @@ ul {
   height: 24px;
 }
 
-@keyframes bounce {
+@keyframes bounce-rtl {
   0%, 100% { transform: translateX(50%) translateY(0); }
   50% { transform: translateX(50%) translateY(10px); }
 }
 
-[dir="ltr"] .scroll-hint {
-  animation-name: bounce-ltr;
-}
-
 @keyframes bounce-ltr {
   0%, 100% { transform: translateX(-50%) translateY(0); }
   50% { transform: translateX(-50%) translateY(10px); }
@@ -584,7 +581,6 @@ ul {
   font-weight: 600;
   color: var(--color-primary);
   text-transform: uppercase;
-  letter-spacing: 0.1em;
   margin-bottom: var(--space-sm);
 }
 
@@ -682,7 +678,6 @@ ul {
   font-size: 0.75rem;
   font-weight: 600;
   text-transform: uppercase;
-  letter-spacing: 0.1em;
   color: var(--color-secondary);
   margin-bottom: var(--space-xs);
 }
@@ -695,7 +690,7 @@ ul {
 
 .work-desc {
   font-size: 0.9rem;
-  color: rgba(255, 255, 255, 0.85);
+  color: rgba(255, 255, 255, 0.9);
   opacity: 0;
   transform: translateY(10px);
   transition: all var(--transition-smooth);
@@ -818,7 +813,7 @@ ul {
 .service-desc {
   font-size: 1rem;
   color: var(--color-text-muted);
-  max-width: 500px;
+  max-width: 440px;
 }
 
 .service-visual {
@@ -878,7 +873,7 @@ ul {
   color: var(--color-text-muted);
   margin-bottom: var(--space-md);
   font-size: 1.05rem;
-  max-width: 480px;
+  max-width: 420px;
 }
 
 .about-visual {
@@ -954,7 +949,51 @@ ul {
   font-size: clamp(2rem, 5vw, 3rem);
   font-weight: 900;
   line-height: 1.1;
+  margin-bottom: var(--space-lg);
+}
+
+/* Contact Email CTA */
+.contact-email-cta {
   margin-bottom: var(--space-xl);
+  padding: var(--space-lg);
+  background: var(--color-surface);
+  border-radius: var(--radius-lg);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.contact-email-text {
+  font-size: 0.95rem;
+  color: var(--color-text-muted);
+  margin-bottom: var(--space-sm);
+}
+
+.contact-email-link {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-sm);
+  font-size: 1.1rem;
+  font-weight: 600;
+  color: var(--color-secondary);
+  transition: all var(--transition-fast);
+  padding: var(--space-xs) var(--space-sm);
+  border-radius: var(--radius-sm);
+}
+
+.contact-email-link:hover,
+.contact-email-link:focus {
+  color: var(--color-text);
+  background: rgba(0, 245, 212, 0.1);
+}
+
+.contact-email-link:focus {
+  outline: 2px solid var(--color-secondary);
+  outline-offset: 2px;
+}
+
+.email-icon {
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
 }
 
 .contact-form {
@@ -1031,6 +1070,30 @@ ul {
   cursor: not-allowed;
 }
 
+/* Form Status Messages */
+.form-status {
+  padding: var(--space-md);
+  border-radius: var(--radius-md);
+  margin-top: var(--space-md);
+  text-align: center;
+  font-weight: 600;
+  display: none;
+}
+
+.form-status.success {
+  display: block;
+  background: rgba(0, 245, 212, 0.15);
+  color: var(--color-secondary);
+  border: 1px solid var(--color-secondary);
+}
+
+.form-status.error {
+  display: block;
+  background: rgba(231, 76, 60, 0.15);
+  color: #e74c3c;
+  border: 1px solid #e74c3c;
+}
+
 /* Footer */
 .site-footer {
   padding: var(--space-2xl) var(--space-lg) var(--space-lg);
@@ -1056,6 +1119,7 @@ ul {
 .footer-nav {
   display: flex;
   gap: var(--space-lg);
+  flex-wrap: wrap;
 }
 
 .footer-nav a {
@@ -1074,6 +1138,15 @@ ul {
   outline-offset: 4px;
 }
 
+.footer-nav a[href^="mailto"] {
+  color: var(--color-secondary);
+}
+
+.footer-nav a[href^="mailto"]:hover,
+.footer-nav a[href^="mailto"]:focus {
+  color: var(--color-text);
+}
+
 .footer-bottom {
   text-align: center;
   padding-top: var(--space-lg);