:root{--green:#0f3d2e;--glass:#2e6b4f4d;--cream:#efe6d2;--gold:#c9a24a;--ink:#111814;--edge:#ffffff26;--radius:28px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Noto Kufi Arabic,Inter Tight,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--green);color:#fff;min-height:100vh;margin:0}.page{flex-direction:column;align-items:center;gap:24px;min-height:100vh;padding:48px 16px;display:flex;position:relative;overflow:hidden}.glow{filter:blur(80px);opacity:.55;background:#2e6b4f;border-radius:50%;position:absolute}.glow-a{top:-120px;width:420px;height:420px;inset-inline-start:-80px}.glow-b{bottom:-100px;width:360px;height:360px;inset-inline-end:-60px}.glass{background:var(--glass);border:1px solid var(--edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(32px);position:relative}.hero{text-align:center;width:min(640px,100%);padding:40px 32px}.hero h1{margin:0;font-size:clamp(2.25rem,6vw,3.5rem);line-height:1.1}.show{color:var(--gold);margin:8px 0 0;font-size:1.75rem;font-weight:700}.lead{color:var(--cream);margin:12px 0 0}.surfaces{gap:12px;width:min(640px,100%);margin:0;padding:0;list-style:none;display:grid}.surface{justify-content:space-between;align-items:baseline;gap:12px;padding:20px 24px;display:flex}.surface-title{font-size:1.25rem;font-weight:700}.surface-note{color:var(--cream);font-size:.95rem}