.app{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#166534,#15803d,#16a34a,#22c55e,#16a34a);background-size:400% 400%;animation:gradientShift 15s ease infinite;z-index:-3}.gradient-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%);z-index:-2}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1920&q=80);background-size:cover;background-position:center;opacity:.15;z-index:-1;animation:subtleZoom 20s ease-in-out infinite alternate}@keyframes subtleZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.content{text-align:center;padding:2rem;max-width:1200px;width:100%;opacity:0;transform:translateY(30px);transition:all 1s ease-out}.content.fade-in{opacity:1;transform:translateY(0)}.logo-container{margin-bottom:3rem;animation:floatAnimation 3s ease-in-out infinite}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo{max-width:400px;width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.arabic-slogan{font-family:Almarai,sans-serif;font-size:2rem;font-weight:700;color:#fff;margin-top:1.5rem;letter-spacing:2px;text-shadow:0 4px 20px rgba(0,0,0,.4),0 0 30px rgba(34,197,94,.3);direction:rtl;animation:fadeInSlogan 1.2s ease-out .5s backwards}@keyframes fadeInSlogan{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tagline{font-size:1.5rem;color:#fffffff2;font-weight:300;letter-spacing:4px;margin:1.5rem 0 2rem;text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.4);animation:fadeInText 1.5s ease-out}@keyframes fadeInText{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.coming-soon{font-size:2.5rem;color:#fff;font-weight:300;letter-spacing:3px;margin:2.5rem 0 3rem;text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.app:before,.app:after{content:"";position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.15) 0%,transparent 70%);animation:floatParticle 20s ease-in-out infinite;pointer-events:none}.app:before{top:-150px;left:-150px;animation-delay:0s}.app:after{bottom:-150px;right:-150px;animation-delay:10s}@keyframes floatParticle{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,-100px) scale(1.2)}66%{transform:translate(-50px,50px) scale(.8)}}@media (max-width: 768px){.logo{max-width:280px}.arabic-slogan{font-size:1.5rem;margin-top:1rem}.tagline{font-size:1.2rem;letter-spacing:3px}.coming-soon{font-size:1.8rem;margin:2rem 0}.content{padding:1rem}.background-image{opacity:.1}}@media (max-width: 480px){.logo{max-width:220px}.arabic-slogan{font-size:1.2rem;margin-top:.75rem;letter-spacing:1px}.tagline{font-size:1rem;letter-spacing:2px}.coming-soon{font-size:1.5rem;letter-spacing:2px}.background-image{opacity:.08}}.social-buttons{margin-top:3rem;padding:0 1rem}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:800px;margin:0 auto}.social-button{position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:#ffffff1f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.25);border-radius:16px;color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;opacity:0;transform:translateY(20px);animation:slideUp .6s ease forwards;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff1a}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.social-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.social-button:hover:before{left:100%}.social-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;transition:transform .3s ease}.social-button:hover .social-icon{transform:scale(1.2) rotate(5deg)}.social-name{position:relative;z-index:1}.social-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.social-button:hover .social-shine{opacity:1}.social-button.facebook:hover{background:#1877f259;border-color:#1877f2;box-shadow:0 12px 40px #1877f280,0 0 20px #1877f24d,inset 0 1px #fff3;transform:translateY(-8px)}.social-button.twitter:hover{background:#00000080;border-color:#fff;box-shadow:0 12px 40px #00000080,0 0 20px #fff3,inset 0 1px #fff3;transform:translateY(-8px)}.social-button.instagram:hover{background:linear-gradient(135deg,#833ab466,#fd1d1d66,#fcb04566);border-color:#e4405f;box-shadow:0 12px 40px #e4405f80,0 0 20px #e4405f4d,inset 0 1px #fff3;transform:translateY(-8px)}.social-button.tiktok:hover{background:#00000080;border-color:#00f2ea;box-shadow:0 12px 40px #00f2ea66,0 0 20px #00f2ea33,inset 0 1px #fff3;transform:translateY(-8px)}.social-button.whatsapp:hover{background:#25d36666;border-color:#25d366;box-shadow:0 12px 40px #25d36680,0 0 20px #25d3664d,inset 0 1px #fff3;transform:translateY(-8px)}.social-button.linkedin:hover{background:#0a66c266;border-color:#0a66c2;box-shadow:0 12px 40px #0a66c280,0 0 20px #0a66c24d,inset 0 1px #fff3;transform:translateY(-8px)}@media (max-width: 768px){.social-grid{gap:.75rem}.social-button{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.social-grid{grid-template-columns:1fr;gap:.75rem;max-width:400px}.social-button{padding:1rem 1.5rem;font-size:1rem}}.phone-container{position:relative;margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.phone-label{font-size:1.2rem;color:#ffffffe6;font-weight:500;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.phone-display{position:relative;display:flex;align-items:center;gap:1.5rem;padding:1.5rem 3rem;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid rgba(255,255,255,.3);border-radius:20px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;box-shadow:0 10px 40px #0003,inset 0 1px #fff3;animation:slideInPhone .8s ease-out .3s backwards}@keyframes slideInPhone{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.phone-display:hover{background:#22c55e4d;border-color:#22c55e99;transform:translateY(-8px) scale(1.05);box-shadow:0 20px 60px #22c55e66,0 0 40px #22c55e33,inset 0 1px #ffffff4d}.phone-display:active{transform:translateY(-6px) scale(1.02)}.phone-icon{width:32px;height:32px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));animation:phoneRing 2s ease-in-out infinite}@keyframes phoneRing{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}50%{transform:rotate(0)}}.phone-display:hover .phone-icon{animation:phoneRingFast .5s ease-in-out infinite;color:#22c55e}@keyframes phoneRingFast{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-20deg) scale(1.1)}75%{transform:rotate(20deg) scale(1.1)}}.phone-number{font-size:5rem;font-weight:700;color:#fff;letter-spacing:8px;text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.3),0 10px 30px rgba(0,0,0,.3);background:linear-gradient(180deg,#fff,#f0fdf4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.phone-display:hover .phone-number{letter-spacing:12px;text-shadow:0 0 30px rgba(34,197,94,.8),0 0 60px rgba(34,197,94,.4),0 10px 30px rgba(0,0,0,.3)}.phone-decoration{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:250px;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:decorationPulse 2s ease-in-out infinite}@keyframes decorationPulse{0%,to{opacity:.5;width:250px}50%{opacity:1;width:350px}}.phone-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:3px solid rgba(34,197,94,.4);border-radius:20px;animation:pulseBorder 2s ease-out infinite;pointer-events:none}@keyframes pulseBorder{0%{width:100%;height:100%;opacity:1}to{width:120%;height:120%;opacity:0}}@media (max-width: 768px){.phone-label{font-size:1rem}.phone-display{padding:1.25rem 2rem;gap:1rem}.phone-icon{width:28px;height:28px}.phone-number{font-size:3.5rem;letter-spacing:6px}.phone-display:hover .phone-number{letter-spacing:8px}.phone-decoration{width:180px}@keyframes decorationPulse{0%,to{opacity:.5;width:180px}50%{opacity:1;width:250px}}}@media (max-width: 480px){.phone-label{font-size:.9rem}.phone-display{padding:1rem 1.5rem;gap:.75rem;flex-direction:column}.phone-icon{width:24px;height:24px}.phone-number{font-size:2.5rem;letter-spacing:4px}.phone-display:hover .phone-number{letter-spacing:6px}.phone-decoration{width:120px}@keyframes decorationPulse{0%,to{opacity:.5;width:120px}50%{opacity:1;width:180px}}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Almarai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}