:root{--cyan: #00e5ff;--pink: #ff4081;--purple: #9b00ff}body{margin:0;font-family:Arial,sans-serif;color:#333;background-color:#0a0a0f}.App{text-align:center}.header{position:fixed;top:0;left:0;width:100%;height:70px;background:#0a0a0fbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;z-index:1000;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 2px 15px #0009;transition:background .3s ease}.logo{font-size:1.8rem;font-weight:800;letter-spacing:2px;background:linear-gradient(90deg,#00e5ff,#ff4081,#9b00ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;text-transform:uppercase;text-shadow:0 0 18px rgba(0,229,255,.4)}.nav-container{flex:.9;display:flex;align-items:center;justify-content:right}.nav-links{display:flex;justify-content:flex-start;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{position:relative;text-decoration:none;font-size:1rem;font-weight:600;color:#e0e0e0;text-transform:uppercase;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-6px;left:0;width:0%;height:2px;background:linear-gradient(90deg,#00e5ff,#ff4081,#9b00ff);transition:width .35s ease;border-radius:2px}.nav-link:hover{color:#fff;text-shadow:0 0 8px rgba(0,229,255,.4)}.nav-link:hover:after{width:100%}@media (max-width: 768px){.header{height:60px;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.4rem;margin-right:auto}.nav-container{margin-left:auto}.nav-links{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.nav-link{font-size:.9rem}}.sidebar{position:fixed;top:0;right:-260px;width:200px;height:100vh;background:#0a0a0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:right .4s ease;z-index:1000;padding-top:80px;box-shadow:-4px 0 25px #00e5ff40,-8px 0 40px #9b00ff40}.sidebar.open{right:0}.sidebar .nav-links{display:flex;flex-direction:column;gap:2rem;padding-right:2rem}.sidebar .nav-link{font-size:1.2rem;font-weight:700;color:#e0e0e0;text-transform:uppercase;text-decoration:none;transition:color .3s ease,text-shadow .3s ease}.sidebar .nav-link:hover{color:#fff;text-shadow:0 0 10px rgba(0,229,255,.7),0 0 20px rgba(155,0,255,.5)}.menu-toggle{width:30px;height:15px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1100}.menu-toggle span{display:block;height:3px;width:90%;margin-bottom:2px;background-color:#fff;border-radius:2px;transition:all .7s ease;transform-origin:center}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(2px,2px)}.menu-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.nav-container{display:none}.menu-toggle{display:block}}.hero{padding:4rem 2rem;width:100%;height:80vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#007bff,#00c6ff);color:#fff;position:relative}.hero-content{position:relative;z-index:2;padding:2rem}.hero h1{font-size:48px;margin-bottom:10px}.hero p{font-size:24px;margin-bottom:20px}.cta-button{padding:10px 20px;background-color:#fff;color:#007bff;border:none;border-radius:5px;cursor:pointer;font-size:18px}.hero-animation{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5}.hero-section{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;overflow:hidden}.hero-background{position:absolute;inset:0;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);z-index:0}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;background:#0a0a0f}.hero-wave{position:absolute;bottom:0;width:200%;height:200px;background-repeat:repeat-x;opacity:.55;animation:waveMove 20s linear infinite;filter:drop-shadow(0 0 25px rgba(0,229,255,.4))}.hero-wave.wave1{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' > <path fill='rgba(0,229,255,0.4)' d='M0 100 Q 180 50 360 100 T 720 100 T 1080 100 T 1440 100 V200 H0 Z'/></svg>");animation-duration:100s}.hero-wave.wave2{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' > <path fill='rgba(255,64,129,0.35)' d='M0 110 Q 180 60 360 110 T 720 110 T 1080 110 T 1440 110 V200 H0 Z'/></svg>");animation-duration:25s;animation-direction:reverse}.hero-wave.wave3{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' > <path fill='rgba(155,0,255,0.3)' d='M0 120 Q 180 70 360 120 T 720 120 T 1080 120 T 1440 120 V200 H0 Z'/></svg>");animation-duration:50s}@keyframes waveMove{0%{background-position-x:0}to{background-position-x:-1440px}}.hero-content h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.25rem;margin-bottom:2rem;color:#ddd}.hero-content button{background:linear-gradient(90deg,var(--cyan),var(--pink));color:#fff;padding:.75rem 2rem;border:none;border-radius:50px;font-size:1.1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.about{background:#0a0a0f;min-height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;position:relative;padding:4rem 2rem;overflow:hidden}.contact h2,.services h2,.about h2{font-size:2.8rem;font-weight:800;margin-bottom:2.5rem;background:linear-gradient(270deg,#00e5ff,#ff4081,#9b00ff,#00e5ff);background-size:600% 600%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:waveColors 8s ease infinite;text-shadow:0 0 25px rgba(0,229,255,.4);text-align:center}@keyframes waveColors{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.about .container p{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#14141ecc;padding:3rem 2.5rem;border-radius:1.2rem;box-shadow:0 8px 25px #00e5ff26,0 4px 15px #9b00ff26;transition:transform .4s ease,box-shadow .4s ease,background .4s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:900px;min-height:350px;margin:0 auto;font-size:1.1rem;color:#dcdcec;line-height:1.8;text-align:center;position:relative;z-index:1}.about .container p:hover{transform:translateY(-8px);box-shadow:0 0 30px #9b00ff4d,0 0 50px #00e5ff40;border:1px solid rgba(0,229,255,.3)}.about-wave{position:absolute;top:0;left:0;width:300%;height:200px;background-repeat:repeat-x;background-size:cover;opacity:.55;animation:waveMove2 25s linear infinite;transform:rotate(180deg);filter:drop-shadow(0 0 25px rgba(0,229,255,.4));z-index:0}@keyframes waveMove2{0%{background-position-x:0}to{background-position-x:-1440px}}.about-wave.wave1{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' > <path fill='rgba(0,229,255,0.4)' d='M0 100 Q 180 50 360 100 T 720 100 T 1080 100 T 1440 100 V200 H0 Z'/></svg>");animation-duration:100s}.about-wave.wave2{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' > <path fill='rgba(255,64,129,0.35)' d='M0 110 Q 180 60 360 110 T 720 110 T 1080 110 T 1440 110 V200 H0 Z'/></svg>");animation-duration:25s;animation-direction:reverse}.about-wave.wave3{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' > <path fill='rgba(155,0,255,0.3)' d='M0 120 Q 180 70 360 120 T 720 120 T 1080 120 T 1440 120 V200 H0 Z'/></svg>");animation-duration:50s}.services{position:relative;padding:6rem 2rem;background:linear-gradient(180deg,#0a0a0f,#151520);color:#fff;text-align:center;overflow:hidden;min-height:80vh}.service-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.card{background:#14141ea6;border-radius:1.2rem;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 20px #00e5ff26;border:1px solid rgba(255,255,255,.05);transition:transform .35s ease,box-shadow .35s ease,border .35s ease}.card h3{font-size:1.5rem;margin-bottom:1rem;color:#00e5ff;text-shadow:0 0 10px rgba(0,229,255,.3);text-align:center}.card p{font-size:1.1rem;line-height:1.8;color:#dcdcec}.card:hover{transform:translateY(-10px);box-shadow:0 0 30px #9b00ff4d,0 0 50px #00e5ff40;border:1px solid rgba(0,229,255,.3)}.contact{padding:3rem 2rem;background:linear-gradient(180deg,#151520,#0f0f1a);text-align:center;position:relative;overflow:hidden}.contact form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:15px;background:#14141ecc;padding:3rem 2rem;border-radius:1.2rem;box-shadow:0 8px 25px #00e5ff26,0 4px 15px #9b00ff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .4s ease,box-shadow .4s ease,background .4s ease}.contact form:hover{transform:translateY(-6px);box-shadow:0 12px 35px #00e5ff40,0 6px 20px #9b00ff40;border:1px solid rgba(0,229,255,.3)}.contact input,.contact textarea{padding:12px;border:none;border-radius:8px;background:#0a0a0fe6;color:#f0f0f5;font-size:1rem;outline:none;box-shadow:inset 0 0 5px #00e5ff1a;transition:box-shadow .3s ease,background .3s ease}.contact input:focus,.contact textarea:focus{box-shadow:0 0 12px #00e5ff66;background:#0f0f19f2}.hero-content button,.contact button{padding:12px;background:linear-gradient(90deg,#00e5ff,#ff4081,#9b00ff);background-size:300% 300%;color:#121212;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background-position 2s;box-shadow:0 6px 15px #00e5ff4d;animation:gradientFlow 6s infinite linear}.hero-content button:hover,.contact button:hover{transform:scale(1.05);box-shadow:0 8px 25px #ff408166;background-position:right center}.footer{padding:1.5rem;background:#0a0a0f;color:#d0d0d0;text-align:center;border-top:1px solid rgba(255,255,255,.05);box-shadow:0 -2px 15px #00000080}.officeLocation{margin-top:.5rem;font-size:.95rem;color:#a0a0a0}.particle-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}@media (max-width: 768px){*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;font-size:14px}.header{height:60px;padding:0 1rem;justify-content:space-between}.logo{font-size:1.4rem}.nav-container{display:none}.menu-toggle{display:block;top:10px;right:15px;font-size:2rem}.sidebar{width:200px;padding-top:70px}.sidebar .nav-links{gap:1.5rem;padding-right:1.5rem}.sidebar .nav-link{font-size:1.1rem}.hero,.hero-section{height:90vh;padding:3rem 1.5rem}.hero h1,.hero-content h1{font-size:2rem;line-height:1.3;margin-bottom:1.5rem}.hero p,.hero-content p{font-size:1rem;margin-bottom:1.5rem}.cta-button{font-size:1rem;padding:8px 16px}.hero-wave,.about-wave{width:300%;height:150px;background-size:cover;animation-duration:40s}.about{padding:4rem 1.5rem}.about h2{font-size:2rem;margin-bottom:3rem}.about .container p{padding:2.5rem 1.5rem;font-size:1rem;min-height:auto;margin-bottom:2rem}.services{padding:5rem 1rem}.services h2{font-size:2rem;margin-bottom:3rem}.service-cards{grid-template-columns:1fr;gap:2rem;max-width:100%;margin:0 auto}.card{padding:2rem}.card h3{font-size:1.3rem;margin-bottom:1.2rem}.card p{font-size:1rem;line-height:1.8}.contact{padding:3rem 1rem}.contact h2{font-size:2rem;margin-bottom:2.5rem}.contact form{width:100%;padding:2.5rem 1.5rem;gap:20px}.contact input,.contact textarea{font-size:.95rem}.contact button{font-size:1rem;padding:12px 22px}.footer{padding:1.5rem;font-size:.95rem}.particle-bg{width:100%;height:100%}}.privacy,.terms{margin:0rem 0;font-size:.95rem;color:#f0f0f0;font-family:Arial,sans-serif;direction:ltr;text-align:left;display:sticky}.privacy span button,.terms span button{background:none;border:none;color:#00e5ff;margin:0 5px;cursor:pointer;font-weight:500}.modal-content{background:#1a1a1a;padding:2rem;max-width:550px;width:95%;border-radius:12px;position:relative;color:#fff;box-shadow:0 10px 25px #00000080;font-family:Arial,sans-serif;line-height:1.6;overflow-y:auto;max-height:80vh;direction:rtl;text-align:right}.modal-content h3{color:#00e5ff;margin-bottom:1rem;text-align:right}.modal-content p{font-size:.95rem;color:#f0f0f0}.close-modal{position:absolute;top:10px;left:10px;background:none;border:none;font-size:.9rem;cursor:pointer;color:#fff;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000b3;z-index:1200}.hebrew{direction:rtl;text-align:right;margin-bottom:1rem;font-size:.95rem;color:#f0f0f0;line-height:1.6}.english{direction:ltr;text-align:left;margin-bottom:1rem;font-size:.95rem;color:#f0f0f0;line-height:1.6}.terms-paragraphs p,.privacy-paragraphs p{padding:1rem 0}
