@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap";
:root{--gold:#d8ad58;--gold2:#f2d28b;--ink:#08090c;--panel:#111319;--muted:#9ba1ad}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--ink);color:#f5f5f4;font-family:Manrope,DM Sans,sans-serif}[dir=rtl] body,[dir=rtl]{font-family:Noto Sans Arabic,Manrope,DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{background:radial-gradient(ellipse at 75% 0%,#d8ad5821,transparent 36%),var(--ink);min-height:100vh}.nav{z-index:60;-webkit-backdrop-filter:blur(14px);background:#08090cdb;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,6vw,88px);display:flex;position:sticky;top:0}.nav-links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.nav-link{padding:6px 2px;transition:color .2s;position:relative}.nav-link:hover{color:#f2d28b}.menu-btn{cursor:pointer;background:0 0;border:1px solid #d8ad5866;border-radius:10px;place-items:center;width:44px;height:44px;display:none}.menu-btn span{background:#f2d28b;border-radius:2px;width:20px;height:2px;margin:2.5px 0;display:block}.mobile-menu{display:none}@media (max-width:940px){.nav-links{display:none}.menu-btn{display:grid}.mobile-menu{top:calc(100% + 1px);background:#111319;border:1px solid #d8ad5840;border-radius:16px;gap:4px;padding:14px;display:grid;position:absolute;inset-inline:16px;box-shadow:0 24px 60px #00000080}.mobile-menu a{border-radius:10px;padding:12px 14px;font-size:15px;font-weight:600}.mobile-menu a:hover{background:#d8ad5814}.mobile-menu .btn{text-align:center;margin-top:8px}}.section{max-width:1180px;margin:auto;padding:72px 24px}.section-head{max-width:720px;margin-bottom:34px}.section-head h2{letter-spacing:-.02em;margin:14px 0 10px;font-size:clamp(30px,4vw,42px);line-height:1.15}.tile{transition:transform .25s,border-color .25s,box-shadow .25s}a.tile:hover{border-color:#d8ad5873;transform:translateY(-4px);box-shadow:0 18px 44px #0006}.btn{transition:transform .2s,box-shadow .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #d8ad5840}.btn.secondary:hover:not(:disabled){box-shadow:none;background:#d8ad5814}.shell{background-color:var(--ink);background-image:radial-gradient(#d8ad580e 1px,#0000 1.4px),radial-gradient(at 75% 0,#d8ad5821,#0000 36%);background-repeat:repeat,no-repeat;background-size:30px 30px,cover}.hero-visual{border:1px solid #d8ad5838;border-radius:22px;width:100%;height:auto;box-shadow:0 24px 80px #00000059}.pulse{animation:2.8s ease-in-out infinite hvpulse}.pulse-2{animation-delay:.9s}.pulse-3{animation-delay:1.7s}@keyframes hvpulse{0%,to{opacity:.2}50%{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.reveal{animation:.7s cubic-bezier(.22,.61,.36,1) both rise}.reveal-1{animation-delay:50ms}.reveal-2{animation-delay:.15s}.reveal-3{animation-delay:.25s}.reveal-4{animation-delay:.35s}.reveal-5{animation-delay:.45s}.reveal-6{animation-delay:.55s}@media (prefers-reduced-motion:reduce){.pulse,.reveal{animation:none}}.service-img-wrap{border:1px solid #d8ad5859;border-radius:14px;overflow:hidden}.service-img-wrap img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .5s;display:block}.service-img-wrap:hover img{transform:scale(1.03)}.price-tag{color:var(--gold2);letter-spacing:.2px;font-size:26px;font-weight:800}.offer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.statstrip{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;display:grid}.statstrip .stat{text-align:center}@media (max-width:800px){.statstrip{grid-template-columns:repeat(2,1fr)}}.channels{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px;display:grid}@media (max-width:700px){.channels{grid-template-columns:1fr}}.channel{background:#111319;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:14px;padding:18px 20px;transition:border-color .2s,transform .2s;display:flex}.channel:hover{border-color:#d8ad5880;transform:translateY(-2px)}.channel .ic{border:1px solid var(--gold);width:42px;height:42px;color:var(--gold2);border-radius:12px;flex:none;place-items:center;font-weight:800;display:grid}.channel b{color:#f2d28b;display:block}.channel span{color:var(--muted);font-size:12.5px}.tiles-2{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (max-width:700px){.tiles-2{grid-template-columns:1fr}}.tiles-4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:1100px){.tiles-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.tiles-4{grid-template-columns:1fr}}@media (max-width:940px){.hero{grid-template-columns:1fr;padding:64px 20px 40px}.hero h1{font-size:clamp(32px,8vw,44px)}}.brand{letter-spacing:.12em;align-items:center;gap:12px;font-weight:800;display:flex}.brandmark{border:1px solid var(--gold);width:38px;height:38px;color:var(--gold2);border-radius:12px;place-items:center;font-weight:800;display:grid}.gold{color:var(--gold2)}.btn{border:1px solid var(--gold);color:#16120a;cursor:pointer;background:linear-gradient(135deg,#e7c77f,#b88936);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:800;display:inline-flex}.btn.secondary{color:var(--gold2);background:0 0}.btn:disabled{opacity:.55;cursor:not-allowed}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;max-width:1180px;margin:auto;padding:100px 24px 80px;display:grid}.eyebrow{color:var(--gold2);letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:800}h1{letter-spacing:-.05em;margin:22px 0;font-size:clamp(42px,6vw,72px);line-height:1.04}.lead{color:#b5bac4;max-width:620px;line-height:1.9}.panel{background:linear-gradient(145deg,#191c24f5,#0c0e13f5);border:1px solid #d8ad5838;border-radius:22px;padding:30px;box-shadow:0 24px 80px #00000059}.statgrid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px;display:grid}.stat{background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;padding:18px}.stat strong{color:var(--gold2);margin-bottom:5px;font-size:22px;display:block}.stat span{color:var(--muted);font-size:12px}.authwrap{place-items:center;min-height:calc(100vh - 76px);padding:40px 20px;display:grid}.authcard{width:min(100%,460px)}.authcard h1{margin:12px 0;font-size:34px}.field{gap:8px;margin:18px 0;display:grid}.field label{color:#d9dbe0;font-size:13px}.field input,.field textarea,.field select{color:#fff;width:100%;font:inherit;resize:vertical;background:#090b10;border:1px solid #30333b;border-radius:10px;outline:none;padding:14px 15px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold)}.field select option{background:#111319}.muted{color:var(--muted);font-size:13px;line-height:1.7}.error{color:#ff9c9c;font-size:13px}.success{color:#9ee6bb;font-size:13px}.dashboard{max-width:1180px;margin:auto;padding:54px 24px}.tiles{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.tile{background:#111319;border:1px solid #ffffff17;border-radius:16px;padding:24px}.tile h3{color:var(--gold2);margin:0 0 10px}.footer{text-align:center;color:#777e8a;border-top:1px solid #ffffff12;padding:24px;font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold2);outline-offset:3px;border-radius:6px}@media (max-width:800px){.hero{grid-template-columns:1fr;gap:32px;padding-top:64px}.tiles{grid-template-columns:1fr}.nav{height:68px}.panel{padding:22px}}[dir=rtl]{text-align:right}[dir=rtl] .nav{flex-direction:row-reverse}[dir=rtl] .hero>div:first-child{direction:rtl}[dir=rtl] .field input,[dir=rtl] .field textarea,[dir=rtl] .field select{text-align:right}[dir=rtl] .brand{flex-direction:row-reverse}