.glass-bg-dark{background:hsl(var(--background))}.glass-bg-mist{background:linear-gradient(to bottom,hsl(var(--background)) 0,hsl(202 60% 98%) 30%,hsl(202 50% 96%) 60%,hsl(var(--background)) 100%),radial-gradient(at 20% 50%,rgba(48,138,198,.08) 0,transparent 50%),radial-gradient(at 80% 80%,rgba(48,138,198,.06) 0,transparent 50%),radial-gradient(at 40% 20%,rgba(48,138,198,.05) 0,transparent 50%)}.dark .glass-bg-mist{background:hsl(var(--background)),radial-gradient(at 20% 50%,rgba(48,138,198,.15) 0,transparent 50%),radial-gradient(at 80% 80%,hsl(180 50% 25%/.12) 0,transparent 50%),radial-gradient(at 40% 20%,hsl(195 40% 15%/.1) 0,transparent 50%)}.glass-card{background:color-mix(in srgb,var(--color-50) 95%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid color-mix(in srgb,var(--color-200) 30%,transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--color-950) 8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--color-50) 50%,transparent);color:var(--color-950)}.dark .glass-card{background:color-mix(in srgb,var(--color-950) 95%,transparent);border:1px solid color-mix(in srgb,var(--color-800) 40%,transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--color-950) 30%,transparent),inset 0 1px 0 color-mix(in srgb,var(--color-50) 10%,transparent);color:var(--color-50)}.glass-card-strong{background:color-mix(in srgb,var(--color-100) 90%,transparent);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--color-950) 12%,transparent),inset 0 1px 0 color-mix(in srgb,var(--color-50) 60%,transparent),0 0 0 1px color-mix(in srgb,var(--accent-primary) 5%,transparent);color:var(--color-950)}.dark .glass-card-strong{background:color-mix(in srgb,var(--color-900) 90%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--color-950) 40%,transparent),inset 0 1px 0 color-mix(in srgb,var(--color-50) 15%,transparent),0 0 0 1px color-mix(in srgb,var(--accent-primary) 10%,transparent);color:var(--color-50)}.glass-border-gradient{position:relative}.glass-border-gradient:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 30%,transparent) 0,color-mix(in srgb,var(--accent-primary) 20%,transparent) 50%,color-mix(in srgb,var(--accent-primary) 10%,transparent) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dark .glass-border-gradient:before{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 40%,transparent) 0,color-mix(in srgb,var(--accent-primary) 30%,transparent) 50%,color-mix(in srgb,var(--accent-primary) 20%,transparent) 100%)}.glass-text{text-shadow:0 2px 8px rgba(0,0,0,.3)}.glass-glow-primary{box-shadow:0 0 20px color-mix(in srgb,var(--accent-primary) 15%,transparent),0 0 40px color-mix(in srgb,var(--accent-primary) 8%,transparent)}.dark .glass-glow-primary{box-shadow:0 0 20px color-mix(in srgb,var(--accent-primary) 20%,transparent),0 0 40px color-mix(in srgb,var(--accent-primary) 10%,transparent)}.glass-card:hover{background:color-mix(in srgb,var(--color-100) 90%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent);transform:translateY(-2px);transition:all .3s ease}.dark .glass-card:hover{background:color-mix(in srgb,var(--color-900) 85%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent)}.glass-noise:before{content:"";position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none}