.glass-card{background-color:hsla(0,0%,100%,.02);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.09);border-radius:16px;transition:all .4s ease;position:relative;overflow:hidden}.light .glass-card{background-color:hsla(0,0%,100%,.6);border:1px solid rgba(0,0,0,.09)}.glass-card:hover{transform:translateY(-8px)}.palette-blue{--tw-border-opacity:0.5;--tw-shadow-color:217 91% 60%;--tw-shadow:var(--tw-shadow-color) /0.15}.palette-blue:hover{transform:scale(1.025);box-shadow:0 20px 25px -5px hsl(var(--blue-primary)/.2),0 8px 10px -6px hsl(var(--blue-primary)/.2);border-color:hsl(var(--blue-primary)/.3)}.light .palette-blue:hover{box-shadow:0 20px 25px -5px hsl(var(--blue-primary)/.1),0 8px 10px -6px hsl(var(--blue-primary)/.1);border-color:hsl(var(--blue-primary)/.4)}.palette-purple{--tw-border-opacity:0.5;--tw-shadow-color:262 83% 58%;--tw-shadow:var(--tw-shadow-color) /0.15}.palette-purple:hover{transform:scale(1.025);box-shadow:0 20px 25px -5px hsl(var(--purple-primary)/.2),0 8px 10px -6px hsl(var(--purple-primary)/.2);border-color:hsl(var(--purple-primary)/.3)}.light .palette-purple:hover{box-shadow:0 20px 25px -5px hsl(var(--purple-primary)/.1),0 8px 10px -6px hsl(var(--purple-primary)/.1);border-color:hsl(var(--purple-primary)/.4)}.palette-green{--tw-border-opacity:0.5;--tw-shadow-color:158 64% 52%;--tw-shadow:var(--tw-shadow-color) /0.15}.palette-green:hover{transform:scale(1.025);box-shadow:0 20px 25px -5px hsl(var(--green-primary)/.2),0 8px 10px -6px hsl(var(--green-primary)/.2);border-color:hsl(var(--green-primary)/.3)}.light .palette-green:hover{box-shadow:0 20px 25px -5px hsl(var(--green-primary)/.1),0 8px 10px -6px hsl(var(--green-primary)/.1);border-color:hsl(var(--green-primary)/.4)}.palette-orange{--tw-border-opacity:0.5;--tw-shadow-color:24.6 95% 53.1%;--tw-shadow:var(--tw-shadow-color) /0.15}.palette-orange:hover{transform:scale(1.025);box-shadow:0 20px 25px -5px hsl(var(--orange-primary)/.2),0 8px 10px -6px hsl(var(--orange-primary)/.2);border-color:hsl(var(--orange-primary)/.3)}.light .palette-orange:hover{box-shadow:0 20px 25px -5px hsl(var(--orange-primary)/.1),0 8px 10px -6px hsl(var(--orange-primary)/.1);border-color:hsl(var(--orange-primary)/.4)}.palette-cyan{--tw-border-opacity:0.5;--tw-shadow-color:188 94% 57%;--tw-shadow:var(--tw-shadow-color) /0.15}.palette-cyan:hover{transform:scale(1.025);box-shadow:0 20px 25px -5px hsl(var(--cyan-primary)/.2),0 8px 10px -6px hsl(var(--cyan-primary)/.2);border-color:hsl(var(--cyan-primary)/.3)}.light .palette-cyan:hover{box-shadow:0 20px 25px -5px hsl(var(--cyan-primary)/.1),0 8px 10px -6px hsl(var(--cyan-primary)/.1);border-color:hsl(var(--cyan-primary)/.4)}.palette-coral{--tw-border-opacity:0.5;--tw-shadow-color:15 100% 60%;--tw-shadow:var(--tw-shadow-color) /0.15}.palette-coral:hover{transform:scale(1.025);box-shadow:0 20px 25px -5px hsl(var(--coral)/.2),0 8px 10px -6px hsl(var(--coral)/.2);border-color:hsl(var(--coral)/.3)}.light .palette-coral:hover{box-shadow:0 20px 25px -5px hsl(var(--coral)/.1),0 8px 10px -6px hsl(var(--coral)/.1);border-color:hsl(var(--coral)/.4)}.palette-blue .palette-gradient{background:linear-gradient(135deg,hsl(var(--blue-primary)/.08),hsl(var(--sapphire)/.12))}.palette-purple .palette-gradient{background:linear-gradient(135deg,hsl(var(--purple-primary)/.08),hsl(var(--lavender)/.12))}.palette-green .palette-gradient{background:linear-gradient(135deg,hsl(var(--green-primary)/.08),hsl(var(--emerald)/.12))}.palette-orange .palette-gradient{background:linear-gradient(135deg,hsl(var(--orange-primary)/.08),hsl(var(--coral)/.12))}.palette-cyan .palette-gradient{background:linear-gradient(135deg,hsl(var(--cyan-primary)/.08),hsl(var(--mint)/.12))}.palette-coral .palette-gradient{background:linear-gradient(135deg,hsl(var(--coral)/.08),hsl(var(--amber)/.12))}.palette-blue .palette-icon{color:hsl(var(--sapphire))}.palette-purple .palette-icon{color:hsl(var(--lavender))}.palette-green .palette-icon{color:hsl(var(--emerald))}.palette-orange .palette-icon{color:hsl(var(--coral))}.palette-cyan .palette-icon{color:hsl(var(--mint))}.palette-coral .palette-icon{color:hsl(var(--coral))}.palette-blue .palette-accent{color:hsl(var(--blue-accent))}.palette-purple .palette-accent{color:hsl(var(--purple-accent))}.palette-green .palette-accent{color:hsl(var(--green-accent))}.palette-orange .palette-accent{color:hsl(var(--orange-accent))}.palette-cyan .palette-accent{color:hsl(var(--cyan-accent))}.palette-coral .palette-accent{color:hsl(var(--coral))}.glass-card:hover{z-index:10;transition:box-shadow .4s,transform .4s}.palette-gradient{position:absolute;inset:0;border-radius:.75rem;pointer-events:none;opacity:0;transition:opacity .7s ease;z-index:1}.palette-blue:hover .palette-gradient,.palette-coral:hover .palette-gradient,.palette-cyan:hover .palette-gradient,.palette-green:hover .palette-gradient,.palette-orange:hover .palette-gradient,.palette-purple:hover .palette-gradient{opacity:1!important}.card-appear{animation:cardPopIn .8s cubic-bezier(.32,.72,.35,1) both}@keyframes cardPopIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}