:root{
  --bg:#07111f;
  --bg-soft:#0b1728;
  --panel:rgba(12,24,42,.78);
  --panel-strong:#0d1a2d;
  --text:#f5f8ff;
  --muted:#9fb0c8;
  --line:rgba(164,190,228,.16);
  --line-strong:rgba(164,190,228,.28);
  --accent:#58a7ff;
  --accent-2:#7668ff;
  --accent-rgb:88,167,255;
  --cloud:rgba(61,92,145,.34);
  --cloud-strong:rgba(95,126,184,.42);
  --shadow:0 22px 70px rgba(0,0,0,.28);
  --header-h:78px;
}
[data-theme="light"]{
  --bg:#edf4fc;
  --bg-soft:#f7fbff;
  --panel:rgba(255,255,255,.78);
  --panel-strong:#fff;
  --text:#142033;
  --muted:#64748a;
  --line:rgba(63,91,128,.14);
  --line-strong:rgba(63,91,128,.24);
  --cloud:rgba(216,231,250,.76);
  --cloud-strong:rgba(194,217,247,.92);
  --shadow:0 22px 70px rgba(46,67,97,.12);
}
[data-accent="violet"]{--accent:#4aa5ff;--accent-2:#765fff;--accent-rgb:74,165,255}
[data-accent="cyan"]{--accent:#20c3d8;--accent-2:#3478ff;--accent-rgb:32,195,216}
[data-accent="emerald"]{--accent:#28d29d;--accent-2:#2993c8;--accent-rgb:40,210,157}
[data-accent="sunset"]{--accent:#ff9a55;--accent-2:#ff5d68;--accent-rgb:255,154,85}
[data-accent="rose"]{--accent:#ef5fa7;--accent-2:#8d68ff;--accent-rgb:239,95,167}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 18px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden;transition:background .35s,color .35s}
html[dir="rtl"] body{font-family:Cairo,Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto;position:relative}
main{position:relative;z-index:2}
.section{position:relative;padding:92px 0}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:800;margin-bottom:10px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}.section-head h2{margin:0;font-size:clamp(32px,4vw,52px);letter-spacing:-.045em}.section-head>p{max-width:560px;margin:0;color:var(--muted);line-height:1.8}
.btn{min-height:48px;padding:0 20px;border-radius:15px;border:1px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.02);font-weight:800;cursor:pointer;transition:.22s transform,.22s border-color,.22s box-shadow,.22s background}.btn:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 10px 26px rgba(var(--accent-rgb),.12)}.btn.primary{background:linear-gradient(110deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 14px 34px rgba(var(--accent-rgb),.2)}
.panel{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(18px);border-radius:24px;box-shadow:var(--shadow)}
.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:var(--panel-strong);padding:10px 14px;border-radius:10px;border:1px solid var(--line)}.skip-link:focus{top:12px}
::selection{background:rgba(var(--accent-rgb),.34)}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:rgba(128,153,190,.28);border-radius:999px;border:2px solid var(--bg)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){clip-path:circle(0 at var(--theme-x,90%) var(--theme-y,5%));animation:themeReveal .55s ease-out forwards}@keyframes themeReveal{to{clip-path:circle(150vmax at var(--theme-x,90%) var(--theme-y,5%))}}
