:root{--glass-bg:#ffffff8c;--glass-bg-strong:#ffffffbf;--glass-bg-dark:#141e3c8c;--glass-border:#ffffffb3;--glass-border-dark:#ffffff26;--glass-blur:blur(20px)saturate(180%);--glass-blur-strong:blur(30px)saturate(200%);--glass-shadow:0 8px 32px #1f26871f;--glass-shadow-lg:0 20px 60px #1f26872e}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);border-radius:20px}.glass-dark{background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-dark);box-shadow:var(--glass-shadow);color:#fff;border-radius:20px}.glass-highlight{position:relative;overflow:hidden}.glass-highlight:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffe6,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.mesh-bg{background:#f0f4f8;position:relative;overflow:hidden}.mesh-bg:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#2196f326,#0000 40%),radial-gradient(circle at 80% 20%,#4caf501f,#0000 40%),radial-gradient(circle at 50% 80%,#9c27b01a,#0000 40%),radial-gradient(circle at 10% 90%,#ff98001a,#0000 40%);animation:20s ease-in-out infinite meshFloat;position:absolute;inset:-50%}.mesh-bg>*{z-index:1;position:relative}@keyframes meshFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(2%,-2%)scale(1.05)}66%{transform:translate(-2%,2%)scale(.98)}}@supports not (backdrop-filter:blur(1px)){.glass,.glass-strong{background:#ffffffeb}.glass-dark{background:#141e3ceb}}