:root{
  color-scheme:light;
  --f-body:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,system-ui,sans-serif;
  --f-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --bg:#dadeeb;--bg3:rgba(255,255,255,.5);
  --bgmesh:radial-gradient(115% 80% at 6% -12%, oklch(0.8 0.08 268 / .95) 0%, transparent 60%),
           radial-gradient(100% 68% at 100% 4%, oklch(0.82 0.09 300 / .8) 0%, transparent 62%),
           radial-gradient(85% 58% at 58% 112%, oklch(0.85 0.05 240 / .7) 0%, transparent 64%),#dadeeb;
  --surf:rgba(255,255,255,.82);--surf2:rgba(255,255,255,.58);
  --line:rgba(22,28,50,.11);--line2:rgba(22,28,50,.2);
  --t1:#0d1018;--t2:#333a4a;--t3:#474d5f;
  --ac:oklch(0.5 0.16 292);--ac2:oklch(0.42 0.15 292);--acl:oklch(0.5 0.16 292 / .1);
  --grl:oklch(0.58 0.15 165 / .13);--gr-tx:oklch(0.45 0.12 165);
  --rd:oklch(0.58 0.16 25);--rdl:oklch(0.58 0.16 25 / .12);
  --am:#a06b3a;--aml:rgba(160,107,58,.14);
  --sh:inset 0 0 0 1px rgba(255,255,255,.5), 0 2px 4px -1px rgba(20,26,44,.16),
       0 18px 32px -20px rgba(20,26,44,.36);
  --shp:0 14px 30px -22px rgba(26,32,52,.5), inset 0 1px 0 #fff;
  --r:16px;--rl:18px;--rm:14px;--rxl:26px;--blur:blur(22px) saturate(1.5);
}

*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:var(--f-body);font-size:15px;line-height:1.55;
  color:var(--t1);background:var(--bg);overflow-x:hidden;display:flex;flex-direction:column}
body::before{content:'';position:fixed;inset:0;z-index:0;background:var(--bgmesh);pointer-events:none}
main{position:relative;z-index:1;width:100%;max-width:1120px;margin:0 auto;
  padding:22px 18px 64px;flex:1}
h1{font-size:26px;font-weight:800;letter-spacing:-.03em;margin:0}

@media(max-width:720px){
  main{padding:16px 12px 48px}
}