body{margin:0;padding:0}:root{--bg-primary: #0a0a0f;--bg-secondary: #1a1a2e;--accent: #00d4ff;--accent-glow: rgba(0, 212, 255, .3);--text-primary: #ffffff;--text-secondary: #a0a0b0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:radial-gradient(circle at 20% 50%,rgba(0,212,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(138,43,226,.05) 0%,transparent 50%),var(--bg-primary)}.content{text-align:center;z-index:10;padding:2rem;max-width:800px}.logo-wrapper{margin-bottom:3rem;animation:fadeInDown 1s ease-out}.logo{display:inline-block;position:relative}.logo-text{font-size:4rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,var(--accent) 0%,#8a2be2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite}.logo-underline{height:4px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin-top:.5rem;animation:slideIn 1.5s ease-out}.description{max-width:700px;margin:0 auto 3rem;animation:fadeIn 1.2s ease-out .3s both}.description p{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.2rem;font-weight:300}.description p:last-child{margin-bottom:0}.contact-info{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;animation:fadeIn 1.4s ease-out .5s both}.contact-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.contact-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.contact-link{font-size:1.1rem;color:var(--accent);text-decoration:none;transition:all .3s ease;font-weight:400}.contact-link:hover{color:#fff;text-shadow:0 0 10px var(--accent-glow)}.title{font-size:2.5rem;font-weight:600;margin-bottom:1rem;animation:fadeIn 1.2s ease-out .3s both;letter-spacing:.02em}.dots{display:inline-block;width:1.5rem;text-align:left;color:var(--accent)}.subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem;animation:fadeIn 1.4s ease-out .5s both;font-weight:300}.loader{width:300px;height:4px;background:var(--bg-secondary);border-radius:2px;margin:0 auto 3rem;overflow:hidden;animation:fadeIn 1.6s ease-out .7s both;box-shadow:0 0 20px #00d4ff1a}.loader-bar{height:100%;background:linear-gradient(90deg,var(--accent),#8a2be2,var(--accent));background-size:200% 100%;border-radius:2px;animation:loading 2s ease-in-out infinite;box-shadow:0 0 15px var(--accent-glow)}.tanker-container{position:fixed;bottom:0;left:0;width:100%;height:250px;overflow:hidden;z-index:2;pointer-events:none}.tanker{position:absolute;filter:drop-shadow(0 0 20px rgba(0,212,255,.2))}.tanker:before{content:"";position:absolute;bottom:0;left:8%;width:84%;height:35%;background:linear-gradient(180deg,#2a4a6a,#1a3050,#0f1f38);clip-path:polygon(0% 100%,3% 20%,8% 0%,92% 0%,97% 20%,100% 100%);box-shadow:inset 0 -5px 15px #0006}.tanker:after{content:"";position:absolute;bottom:30%;left:15%;width:55%;height:28%;background:repeating-linear-gradient(90deg,#1a3a5a 0px 7%,#0f2438 7% 9%),linear-gradient(180deg,#2a4a6a,#1a3050);border-radius:2px 2px 0 0;box-shadow:0 2px 10px #00000080,inset 0 1px 2px #ffffff1a}.tanker-1{bottom:30px;left:-500px;width:500px;height:150px;opacity:.45;animation:sailTanker1 20s linear infinite,bobbing1 3s ease-in-out infinite}.tanker-1:before{box-shadow:inset 0 -5px 15px #0006,78% 0 0 0 #1a3a5a,78% -25px 0 0 #2a4a6a,78% -40px 0 0 #1a3050,80% -25px 0 0 #0f2438,80% -40px 0 0 #0f1f38,82% -30px 0 0 #8a4a3a,82% -45px 0 0 #6a3a2a,83% -30px 0 0 #4a2a1a,79% -28px 0 0 #ffc8644d,79% -32px 0 0 #ffc8644d,79% -36px 0 0 #ffc8644d}.tanker-2{bottom:80px;left:-350px;width:350px;height:106px;opacity:.3;animation:sailTanker2 30s linear infinite 10s,bobbing2 3.5s ease-in-out infinite 1s}.tanker-2:before{box-shadow:inset 0 -5px 15px #0006,73% 0 0 0 #1a3a5a,73% -18px 0 0 #2a4a6a,75% -18px 0 0 #0f2438,76% -22px 0 0 #8a4a3a,77% -22px 0 0 #4a2a1a,74% -20px 0 0 #ffc8644d}.tanker-3{bottom:15px;left:-300px;width:400px;height:119px;opacity:.38;animation:sailTanker3 25s linear infinite 5s,bobbing3 2.8s ease-in-out infinite .5s}.tanker-3:before{box-shadow:inset 0 -5px 15px #0006,76% 0 0 0 #1a3a5a,76% -20px 0 0 #2a4a6a,76% -32px 0 0 #1a3050,78% -20px 0 0 #0f2438,79% -25px 0 0 #8a4a3a,79% -38px 0 0 #6a3a2a,80% -25px 0 0 #4a2a1a,77% -24px 0 0 #ffc8644d,77% -28px 0 0 #ffc8644d}.smoke{position:absolute;width:14px;height:14px;background:radial-gradient(circle,rgba(220,220,230,.7) 0%,rgba(180,180,200,.4) 50%,transparent 100%);border-radius:50%;animation:smokeRise 4.5s ease-out infinite;opacity:0;filter:blur(4px)}.smoke-1{bottom:72%;right:10%}.smoke-2{bottom:68%;right:14%}.smoke-3{bottom:70%;right:12%}.office-address{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:3rem;padding:1.5rem 2rem;background:#1a1a2e80;border:1px solid rgba(0,212,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn 1.8s ease-out .9s both;max-width:600px;margin-left:auto;margin-right:auto}.address-icon{font-size:2rem;filter:drop-shadow(0 0 10px var(--accent-glow))}.address-text{text-align:left}.address-en{font-size:1rem;color:var(--text-primary);margin:0 0 .5rem;font-weight:500;letter-spacing:.02em}.address-ar{font-size:.95rem;color:var(--text-secondary);margin:0;font-weight:400;direction:rtl}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;animation:float linear infinite;opacity:0;box-shadow:0 0 10px var(--accent-glow)}.footer{position:fixed;bottom:2rem;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 3rem;color:var(--text-secondary);font-size:.9rem;z-index:10;animation:fadeIn 2s ease-out 1s both}.footer p{margin:0}.developer{font-size:.8rem;color:#a0a0b099;font-weight:300;letter-spacing:.02em}.developer-link{color:#a0a0b0b3;text-decoration:none;transition:all .3s ease;position:relative}.developer-link:hover{color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}.developer-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background:var(--accent);transition:width .3s ease}.developer-link:hover:after{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px var(--accent-glow))}50%{filter:drop-shadow(0 0 30px var(--accent-glow)) drop-shadow(0 0 40px var(--accent-glow))}}@keyframes float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-20vh) scale(1);opacity:0}}@keyframes sailTanker1{0%{left:-500px}to{left:calc(100% + 100px)}}@keyframes sailTanker2{0%{left:-350px}to{left:calc(100% + 100px)}}@keyframes sailTanker3{0%{left:-300px}to{left:calc(100% + 100px)}}@keyframes bobbing1{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bobbing2{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bobbing3{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes smokeRise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.7}50%{opacity:.5}to{transform:translateY(-80px) scale(2.5);opacity:0}}@media(max-width:768px){.logo-text{font-size:2.5rem}.title{font-size:1.8rem}.subtitle{font-size:1rem}.loader{width:200px}.office-address{flex-direction:column;padding:1rem 1.5rem;margin-top:2rem}.address-icon{font-size:1.5rem}.address-en{font-size:.9rem}.address-ar{font-size:.85rem}.tanker-1{width:350px;height:106px;bottom:25px}.tanker-2{width:250px;height:75px;bottom:60px}.tanker-3{width:275px;height:81px;bottom:10px}.footer{flex-direction:column;gap:.5rem;padding:0 2rem;text-align:center}}@media(max-width:480px){.logo-text{font-size:2rem}.title{font-size:1.5rem}.subtitle{font-size:.9rem}.office-address{padding:1rem;margin-top:1.5rem}.address-text{text-align:center}.address-en{font-size:.85rem}.address-ar{font-size:.8rem}.tanker-1{width:275px;height:81px;animation:sailTanker1 15s linear infinite,bobbing1 3s ease-in-out infinite}.tanker-2{width:200px;height:60px;animation:sailTanker2 22s linear infinite 10s,bobbing2 3.5s ease-in-out infinite 1s}.tanker-3{width:225px;height:68px;animation:sailTanker3 18s linear infinite 5s,bobbing3 2.8s ease-in-out infinite .5s}.footer{padding:0 1rem;font-size:.8rem}.developer{font-size:.7rem}}