:root{color-scheme:dark;font-family:Arial,"Noto Sans Arabic",sans-serif;background:#07111f;color:#e7f5ff}
    body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#123654 0,#07111f 48%,#050a13 100%)}
    main{max-width:920px;margin:auto;padding:72px 24px}
    .brand{color:#19d3ee;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
    h1{font-size:clamp(32px,6vw,58px);line-height:1.1;margin:18px 0}
    p{color:#a8b9ca;font-size:18px;line-height:1.8;max-width:720px}
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:36px 0}
    a{display:block;color:inherit;text-decoration:none}
    .card{padding:22px;border:1px solid #24425c;border-radius:18px;background:#0d1c2d;transition:transform .18s ease,border-color .18s ease}
    .card:hover,.card:focus-visible{transform:translateY(-3px);border-color:#19d3ee;outline:none}
    .card strong{display:block;color:#19d3ee;font-size:18px;margin-bottom:8px}
    .cta{display:inline-block;padding:14px 22px;border-radius:12px;background:linear-gradient(135deg,#19d3ee,#8b5cf6);color:#04101b;font-weight:900}
    footer{margin-top:56px;color:#738ba0;font-size:14px}