:root{--gr-blur:26px;--gr-blur-card:20px;--gr-blur-pill:8px;--gr-saturation:1.7;--gr-saturation-card:1.5;--gr-saturation-pill:1.3;--gr-radius:20px;--gr-radius-card:16px;--gr-radius-pill:9999px;--gr-bg-start:rgba(18, 22, 35, 0.48);--gr-bg-end:rgba(12, 16, 28, 0.42);--gr-chromatic-blue:rgba(0, 180, 255, 0.045);--gr-chromatic-violet:rgba(120, 80, 255, 0.04);--gr-chromatic-pink:rgba(255, 100, 200, 0.035);--gr-chromatic-green:rgba(100, 255, 180, 0.025);--gr-shimmer-duration:7s;--gr-specular-duration:5s}@keyframes glass-shimmer{0%{background-position:-200% 0,0 0}100%{background-position:200% 0,0 0}}@keyframes specular-breathe{0%,100%{opacity:.6}50%{opacity:1}}.glass{position:relative;isolation:isolate;border-radius:var(--gr-radius);background:linear-gradient(105deg,transparent 40%,rgb(255 255 255 / .06) 50%,transparent 60%),linear-gradient(135deg,var(--gr-bg-start),var(--gr-bg-end));background-size:200% 100%,100% 100%;animation:glass-shimmer var(--gr-shimmer-duration) ease-in-out infinite;-webkit-backdrop-filter:blur(var(--gr-blur)) saturate(var(--gr-saturation)) brightness(1.08);backdrop-filter:blur(var(--gr-blur)) saturate(var(--gr-saturation)) brightness(1.08);box-shadow:0 0 0 .5px rgb(255 255 255 / .1),inset 0 1px 0 rgb(255 255 255 / .12),0 4px 24px -4px rgb(0 0 0 / .3)}.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgb(255 255 255 / .07) 0%,transparent 45%),linear-gradient(90deg,transparent 8%,rgb(255 255 255 / .55) 50%,transparent 92%);background-size:100% 100%,100% 1px;background-position:0 0,0 0;background-repeat:no-repeat;animation:specular-breathe var(--gr-specular-duration) ease-in-out infinite;pointer-events:none;z-index:3}.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 55% 50% at 12% 50%,var(--gr-chromatic-blue) 0%,transparent 70%),radial-gradient(ellipse 50% 55% at 50% 12%,var(--gr-chromatic-violet) 0%,transparent 70%),radial-gradient(ellipse 55% 50% at 88% 50%,var(--gr-chromatic-pink) 0%,transparent 70%),radial-gradient(ellipse 50% 55% at 50% 88%,var(--gr-chromatic-green) 0%,transparent 70%);box-shadow:inset 1px 0 0 0 rgb(0 180 255 / .07),inset -1px 0 0 0 rgb(255 100 200 / .07),inset 0 1px 0 0 rgb(100 255 180 / .05),inset 0 -1px 0 0 rgb(255 200 50 / .05);opacity:.8;pointer-events:none;z-index:2}.glass-card{position:relative;isolation:isolate;border-radius:var(--gr-radius-card);background:linear-gradient(160deg,rgb(255 255 255 / .06) 0%,rgb(15 18 30 / .52) 100%);-webkit-backdrop-filter:blur(var(--gr-blur-card)) saturate(var(--gr-saturation-card));backdrop-filter:blur(var(--gr-blur-card)) saturate(var(--gr-saturation-card));box-shadow:0 0 0 .5px rgb(255 255 255 / .06),inset 0 1px 0 rgb(255 255 255 / .08),0 2px 12px -4px rgb(0 0 0 / .3);transition:transform 0.35s cubic-bezier(.4,0,.2,1),box-shadow 0.35s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 0 0 .5px rgb(255 255 255 / .14),inset 0 1px 0 rgb(255 255 255 / .18),0 8px 32px -8px rgb(0 0 0 / .45)}.glass-card--no-hover{transition:none}.glass-card--no-hover:hover{transform:none;box-shadow:0 0 0 .5px rgb(255 255 255 / .06),inset 0 1px 0 rgb(255 255 255 / .08),0 2px 12px -4px rgb(0 0 0 / .3)}.glass-card::before{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3) 50%,transparent);pointer-events:none;z-index:3}.glass-card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 1px 0 0 0 rgb(0 180 255 / .05),inset -1px 0 0 0 rgb(255 100 200 / .05),inset 0 1px 0 0 rgb(100 255 180 / .03),inset 0 -1px 0 0 rgb(255 200 50 / .03);opacity:0;transition:opacity 0.35s ease;pointer-events:none;z-index:2}.glass-card:hover::after{opacity:1}.glass-pill{display:inline-block;border-radius:var(--gr-radius-pill);-webkit-backdrop-filter:blur(var(--gr-blur-pill)) saturate(var(--gr-saturation-pill));backdrop-filter:blur(var(--gr-blur-pill)) saturate(var(--gr-saturation-pill));background:rgb(255 255 255 / .05);box-shadow:0 0 0 .5px rgb(255 255 255 / .08),inset 0 1px 0 rgb(255 255 255 / .08);transition:all 0.25s ease}.glass-pill:hover{background:rgb(255 255 255 / .09);box-shadow:0 0 0 .5px rgb(255 255 255 / .14),inset 0 1px 0 rgb(255 255 255 / .12)}