:root{--radius:.625rem}[class*=from-primary\/10][class*=via-primary\/5][class*=border-primary\/20]{box-shadow:0 0 60px color-mix(in oklch, var(--primary) 12%, transparent), 0 2px 8px #0000000f;transition:box-shadow .4s,border-color .4s,transform .3s;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){[class*=from-primary\/10][class*=via-primary\/5][class*=border-primary\/20]{box-shadow:0 0 60px color-mix(in oklch, var(--primary) 12%, transparent), 0 2px 8px lab(0% 0 0/.06)}}[class*=from-primary\/10][class*=via-primary\/5][class*=border-primary\/20]:hover{box-shadow:0 0 80px color-mix(in oklch, var(--primary) 18%, transparent), 0 8px 30px #0000001a;transform:translateY(-2px)}@supports (color:lab(0% 0 0)){[class*=from-primary\/10][class*=via-primary\/5][class*=border-primary\/20]:hover{box-shadow:0 0 80px color-mix(in oklch, var(--primary) 18%, transparent), 0 8px 30px lab(0% 0 0/.1)}}[class*=from-primary\/10][class*=via-primary\/5][class*=border-primary\/20]:before{content:"";background:radial-gradient(circle, color-mix(in oklch, var(--primary) 20%, transparent) 0%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:400px;height:400px;animation:7s ease-in-out infinite hero-float;position:absolute;top:-60%;right:-20%}[class*=from-primary\/10][class*=via-primary\/5][class*=border-primary\/20]:after{content:"";background:radial-gradient(circle, color-mix(in oklch, var(--accent) 15%, transparent) 0%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:300px;height:300px;animation:9s ease-in-out infinite reverse hero-float;position:absolute;bottom:-50%;left:-15%}@keyframes hero-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-25px)scale(1.1)}66%{transform:translate(-15px,15px)scale(.9)}}[class*=from-primary\/10][class*=via-primary\/5][class*=border-primary\/20]>*{z-index:1;position:relative}[data-slot=button]:not([class*=outline]):not([class*=ghost]){box-shadow:0 2px 15px color-mix(in oklch, var(--primary) 30%, transparent);transition:box-shadow .3s,transform .2s}[data-slot=button]:not([class*=outline]):not([class*=ghost]):hover{box-shadow:0 6px 25px color-mix(in oklch, var(--primary) 40%, transparent);transform:translateY(-2px)}[class*=from-primary\/10] .lucide-sparkles{filter:drop-shadow(0 0 4px color-mix(in oklch, var(--primary) 50%, transparent));animation:2s ease-in-out infinite sparkle-pulse}@keyframes sparkle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)rotate(5deg)}}[data-slot=card],.rounded-lg.border.shadow-sm{transition:box-shadow .3s,transform .3s,border-color .3s}[data-slot=card]:hover,.rounded-lg.border.shadow-sm:hover{transform:translateY(-1px);box-shadow:0 8px 30px #00000014;box-shadow:0 8px 30px lab(0% 0 0/.08)}.dark [data-slot=card]:hover,.dark .rounded-lg.border.shadow-sm:hover{box-shadow:0 8px 30px #00000040;box-shadow:0 8px 30px lab(0% 0 0/.25)}header.sticky{-webkit-backdrop-filter:blur(12px)saturate(1.5);backdrop-filter:blur(12px)saturate(1.5)}nav a[class*=bg-primary]{box-shadow:0 2px 10px color-mix(in oklch, var(--primary) 25%, transparent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--primary) 20%, transparent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch, var(--primary) 35%, transparent)}::selection{background:color-mix(in oklch, var(--primary) 20%, transparent)}[data-slot=badge]{box-shadow:0 1px 4px #0000000f;box-shadow:0 1px 4px lab(0% 0 0/.06)}pre,pre[style]{border:1px solid var(--border);border-radius:.5rem;padding:1rem;font-size:.85rem;line-height:1.6;overflow-x:auto;background:var(--muted)!important;color:var(--foreground)!important}pre code{color:inherit!important;background:0 0!important}:not(pre)>code{background:var(--muted);color:var(--foreground);border-radius:.25rem;padding:.15rem .4rem;font-size:.85em}table{border-collapse:collapse;width:100%;font-size:.9rem}table th{text-align:left;border-bottom:2px solid var(--border);padding:.75rem;font-weight:600}table td{border-bottom:1px solid var(--border);padding:.75rem}body{background:radial-gradient(ellipse at top right, color-mix(in oklch, var(--primary) 3%, transparent) 0%, transparent 50%), radial-gradient(ellipse at bottom left, color-mix(in oklch, var(--accent) 2%, transparent) 0%, transparent 50%), var(--background)!important}
