:root{--bg: #ffffff;--surface: rgba(255, 255, 255, .82);--surface-2: rgba(255, 255, 255, .92);--border: rgba(15, 23, 42, .12);--text: rgba(15, 23, 42, .92);--muted: rgba(15, 23, 42, .62);--accent: #1d4ed8;--shadow: 0 18px 55px rgba(15, 23, 42, .12);--radius: 18px;--radius-sm: 14px}body.theme-blue{--accent: #1d4ed8}body.theme-green{--accent: #16a34a}body.mode-dark{--bg: #0b1220;--surface: rgba(15, 23, 42, .72);--surface-2: rgba(15, 23, 42, .86);--border: rgba(226, 232, 240, .14);--text: rgba(226, 232, 240, .92);--muted: rgba(226, 232, 240, .64);--shadow: 0 18px 55px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);font-family:IBM Plex Sans Arabic,Cairo,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.75;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);background-image:radial-gradient(900px 520px at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%)}body.mode-dark{background-image:radial-gradient(900px 520px at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%)}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.section{padding-block:64px}@media(min-width:768px){.section{padding-block:84px}}.glass{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));color:var(--text);font-weight:600;font-size:13px}.btn{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:12px 16px;border-radius:14px;font-weight:700;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}.btn.primary{border:0;background:var(--accent);color:#fff}.muted{color:var(--muted)}.h1{font-size:clamp(28px,4.2vw,44px);line-height:1.18;letter-spacing:-.02em;margin:0}.h2{font-size:clamp(20px,2.6vw,28px);line-height:1.2;letter-spacing:-.02em;margin:0}.grid{display:grid;gap:16px}@media(min-width:768px){.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}