:root{--deep: #0b3d6e;--ocean: #1573b8;--sky: #7cc4ea;--mist: #eaf4fb;--paper: #ffffff;--ink: #12324f;--soft: #4d6b87}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column}.hero{position:relative;background:linear-gradient(160deg,#082c52 0%,var(--deep) 45%,var(--ocean) 100%);color:#fff;text-align:center;padding:34px 20px 0;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 15% 0%,rgba(124,196,234,.25),transparent 60%),radial-gradient(500px 260px at 85% 20%,rgba(124,196,234,.18),transparent 60%);pointer-events:none}.brand{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.brand-ar{font-size:44px;font-weight:800;line-height:1;letter-spacing:0}.brand-en{font-size:15px;font-weight:700;letter-spacing:10px;text-indent:10px;color:var(--sky)}.hero-image-wrap{position:relative;max-width:860px;margin:30px auto 0;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 30px 70px #00142873}.hero-image{display:block;width:100%;height:auto}.hero-text{position:relative;padding:40px 16px 90px}.kicker{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--sky);margin-bottom:16px}.coming-soon{font-size:18px;font-weight:500;letter-spacing:6px;line-height:1.05;display:flex;flex-wrap:wrap;justify-content:center}.coming-soon span{display:inline-block;animation:bob 3.2s ease-in-out infinite}.coming-soon span.space{width:22px;animation:none}.coming-soon span:nth-child(odd){animation-delay:.35s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tagline{margin-top:18px;font-size:clamp(16px,2.4vw,20px);color:#ffffffe0;font-weight:300}.wave{position:absolute;bottom:-1px;left:0;width:100%;height:70px;display:block}.content{background:var(--paper);padding:64px 20px 30px;flex:1}.cards{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}.card{background:var(--mist);border:1px solid #d7e9f6;border-radius:20px;padding:36px 30px;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-6px);box-shadow:0 18px 44px #0b3d6e24}.card-icon{width:62px;height:62px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(140deg,var(--ocean),var(--deep));color:#fff;display:flex;align-items:center;justify-content:center}.card-icon svg{width:30px;height:30px}.card h2{font-size:21px;color:var(--deep);margin-bottom:12px;letter-spacing:.5px}.card p{font-size:16.5px;line-height:1.65;color:var(--soft)}.pillars{max-width:960px;margin:44px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px}.pillar{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--soft)}.pillar strong{color:var(--deep)}.pillar-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(140deg,var(--sky),var(--ocean));flex-shrink:0}.footer{background:var(--deep);color:#ffffffd9;text-align:center;padding:34px 20px}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:10px}.footer-brand .brand-ar{font-size:30px;color:#fff}.footer-brand .brand-en{font-size:12px}.footer-note{font-size:13px;color:#fff9}@media (max-width: 560px){.brand-ar{font-size:36px}.hero-text{padding:32px 12px 80px}.content{padding:48px 16px 24px}}
