:root{--cn-brand-blue-rgb: 0 87 217;--cn-brand-blue-hover-rgb: 0 75 184;--cn-brand-orange-rgb: 255 122 33;--cn-bg-rgb: 245 247 251;--cn-text: rgb(12 18 28 / .92);--cn-border: rgba(255, 255, 255, .55);--cn-glass: rgba(255, 255, 255, .55);--cn-glass-strong: rgba(255, 255, 255, .7);--cn-shadow: 0 12px 40px rgba(12, 18, 28, .12);--cn-radius: 18px}html,body{height:100%}body{color:var(--cn-text);background:radial-gradient(900px 550px at 12% 8%,rgb(var(--cn-brand-blue-rgb) / .16),transparent 60%),radial-gradient(800px 520px at 88% 18%,rgb(var(--cn-brand-orange-rgb) / .14),transparent 55%),radial-gradient(900px 700px at 50% 95%,rgb(var(--cn-brand-blue-rgb) / .1),transparent 60%),rgb(var(--cn-bg-rgb))}.cn-glass{background:var(--cn-glass);border:1px solid var(--cn-border);border-radius:var(--cn-radius);box-shadow:var(--cn-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.cn-glass-strong{background:var(--cn-glass-strong);border:1px solid var(--cn-border);border-radius:var(--cn-radius);box-shadow:var(--cn-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.cn-header{position:sticky;top:0;z-index:50;padding:14px 0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#f5f7fb99;border-bottom:1px solid rgba(255,255,255,.8)}