.page-module__VxlC9a__gradientRow{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.page-module__VxlC9a__gradientShowcase{flex-direction:column;align-items:center;gap:.5rem;display:flex}.page-module__VxlC9a__gradientBox{border-radius:.5rem;width:150px;height:150px;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px lab(0% 0 0/.1)}.page-module__VxlC9a__dark .page-module__VxlC9a__gradientBox{box-shadow:0 4px 6px #0000004d;box-shadow:0 4px 6px lab(0% 0 0/.3)}.page-module__VxlC9a__gradientBox:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;box-shadow:0 8px 16px lab(0% 0 0/.15)}.page-module__VxlC9a__gradientLabel{color:var(--muted-foreground);margin:0;font-size:.8125rem;font-weight:500}.page-module__VxlC9a__linearBasic{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.page-module__VxlC9a__linearMulti{background:linear-gradient(90deg,red,#f80,#ff0,#0f0,#08f,#80f)}.page-module__VxlC9a__linearDiagonal{background:linear-gradient(45deg,#f06,#48f)}.page-module__VxlC9a__linearStops{background:linear-gradient(90deg,#3b82f6 0% 20%,#8b5cf6 80% 100%)}.page-module__VxlC9a__linearHard{background:linear-gradient(90deg,#f06 50%,#48f 50%)}.page-module__VxlC9a__linearRepeating{background:repeating-linear-gradient(45deg,#fff,#fff 10px,#e5e7eb 10px 20px)}.page-module__VxlC9a__dark .page-module__VxlC9a__linearRepeating{background:repeating-linear-gradient(45deg,#374151,#374151 10px,#4b5563 10px 20px)}.page-module__VxlC9a__linearOverlay{color:#fff;letter-spacing:.05em;background:linear-gradient(#000000b3,#0000004d),linear-gradient(45deg,#3b82f6,#8b5cf6);justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.page-module__VxlC9a__linearAnimated{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab) 0 0/400% 400%;animation:3s infinite page-module__VxlC9a__gradientShift}.page-module__VxlC9a__linearMesh{background:linear-gradient(45deg,#f06666cc 30%,#0000 30%),linear-gradient(-45deg,#4888ffcc 60%,#0000 60%),linear-gradient(90deg,#fdd000cc 20%,#0000 20%),#f3f4f6}.page-module__VxlC9a__dark .page-module__VxlC9a__linearMesh{background:linear-gradient(45deg,#f0666699 30%,#0000 30%),linear-gradient(-45deg,#4888ff99 60%,#0000 60%),linear-gradient(90deg,#fdd00099 20%,#0000 20%),#1f2937}.page-module__VxlC9a__radialCircle{background:radial-gradient(circle,#3b82f6,#1e40af)}.page-module__VxlC9a__radialEllipse{background:radial-gradient(#ec4899,#7c3aed)}.page-module__VxlC9a__radialPositioned{background:radial-gradient(circle at 100% 0,#fbbf24,#92400e)}.page-module__VxlC9a__radialClosest{background:radial-gradient(circle closest-side,#10b981,#064e3b)}.page-module__VxlC9a__radialFarthest{background:radial-gradient(#f59e0b,#7c2d12)}.page-module__VxlC9a__radialFixed{background:radial-gradient(100px 50px,#8b5cf6,#4c1d95)}.page-module__VxlC9a__radialSunburst{background:radial-gradient(circle,#fbbf24 0%,#f59e0b 25%,#d97706 50%,#92400e 75%,#451a03 100%)}.page-module__VxlC9a__radialBubble{background:radial-gradient(circle at 30% 30%,#fffc,#fff6 30%,#3b82f699);border-radius:50%}.page-module__VxlC9a__radialRepeating{background:repeating-radial-gradient(circle,#3b82f6,#3b82f6 10px,#60a5fa 10px 20px)}.page-module__VxlC9a__conicWheel{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%}.page-module__VxlC9a__conicPie{background:conic-gradient(#3b82f6 0deg 90deg,#8b5cf6 90deg 180deg,#ec4899 180deg 270deg,#f59e0b 270deg);border-radius:50%}.page-module__VxlC9a__conicPositioned{background:conic-gradient(from 45deg at 25% 25%,#f06,#48f,#f06)}.page-module__VxlC9a__conicCheckerboard{background:conic-gradient(#000 0deg 90deg,#fff 90deg 180deg,#000 180deg 270deg,#fff 270deg) 0 0/40px 40px}.page-module__VxlC9a__dark .page-module__VxlC9a__conicCheckerboard{background:conic-gradient(#e5e7eb 0deg 90deg,#374151 90deg 180deg,#e5e7eb 180deg 270deg,#374151 270deg) 0 0/40px 40px}.page-module__VxlC9a__conicStarburst{background:repeating-conic-gradient(#3b82f6 0deg 10deg,#1e40af 10deg 20deg);border-radius:50%}.page-module__VxlC9a__conicSpiral{filter:blur(15px);background:conic-gradient(red,#0ff,red);border-radius:50%}.page-module__VxlC9a__ctaBanner{background:linear-gradient(135deg,oklch(from var(--primary)l c h/.08),oklch(from var(--secondary)l c h/.08));border:2px solid var(--primary);border-radius:var(--radius);padding:2rem}.page-module__VxlC9a__ctaBanner h3{color:var(--foreground);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.page-module__VxlC9a__ctaBanner p{color:var(--muted-foreground);margin-bottom:1.5rem;font-size:1.0625rem;line-height:1.6}.page-module__VxlC9a__ctaLink{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:var(--radius);padding:.875rem 1.75rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.page-module__VxlC9a__ctaLink:hover{box-shadow:0 8px 25px oklch(from var(--primary)l c h/.3);transform:translateY(-2px)}.page-module__VxlC9a__nextGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:700px;display:grid}.page-module__VxlC9a__nextLink{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:border-color .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.page-module__VxlC9a__nextLink:before{content:"";background:linear-gradient(to bottom,var(--primary),#4ea4ca);opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}@supports (color:lab(0% 0 0)){.page-module__VxlC9a__nextLink:before{background:linear-gradient(to bottom,var(--primary),lab(63.1292% -18.1274 -28.0657))}}.page-module__VxlC9a__nextLink:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 28px #357a3a1f,0 4px 10px #0000000f;box-shadow:0 12px 28px lab(45.7706% -33.6758 28.0119/.12),0 4px 10px lab(0% 0 0/.06)}.page-module__VxlC9a__nextLink:hover:before{opacity:1}.page-module__VxlC9a__nextIcon{font-size:2rem;font-family:var(--font-jetbrains-mono),monospace;color:var(--primary);flex-shrink:0}.page-module__VxlC9a__nextLink h3{color:var(--foreground);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.page-module__VxlC9a__nextLink p{color:var(--muted-foreground);margin:0;font-size:.8125rem}.page-module__VxlC9a__builderContainer{grid-template-columns:300px 1fr;gap:1.5rem;display:grid}.page-module__VxlC9a__builderControls{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem}.page-module__VxlC9a__builderTitle{color:var(--primary);margin:0 0 1rem;font-size:1rem;font-weight:700}.page-module__VxlC9a__builderField{margin-bottom:.875rem}.page-module__VxlC9a__builderFieldHeader{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.page-module__VxlC9a__builderLabel{color:var(--muted-foreground);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.page-module__VxlC9a__builderFieldHeader .page-module__VxlC9a__builderLabel{margin-bottom:0}.page-module__VxlC9a__builderValue{background:var(--muted);font-family:var(--font-jetbrains-mono),monospace;color:var(--foreground);border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem}.page-module__VxlC9a__builderSegmented{border-radius:var(--radius);border:1px solid var(--border);gap:0;display:flex;overflow:hidden}.page-module__VxlC9a__builderSegBtn{background:var(--muted);color:var(--muted-foreground);cursor:pointer;text-transform:capitalize;border:none;flex:1;padding:.4rem .5rem;font-size:.75rem;font-weight:600;transition:background .2s,color .2s}.page-module__VxlC9a__builderSegBtnActive{background:var(--primary);color:#fff}.page-module__VxlC9a__builderSlider{appearance:none;background:var(--muted);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.page-module__VxlC9a__builderSlider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .15s}.page-module__VxlC9a__builderSlider::-webkit-slider-thumb:hover{transform:scale(1.2)}.page-module__VxlC9a__builderSlider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.page-module__VxlC9a__builderColourRow{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.page-module__VxlC9a__builderColourPicker{background:var(--muted);border-radius:var(--radius);align-items:center;gap:.375rem;padding:.25rem .5rem .25rem .25rem;display:flex}.page-module__VxlC9a__builderColourInput{cursor:pointer;background:0 0;border:none;border-radius:4px;width:28px;height:28px;padding:0}.page-module__VxlC9a__builderColourInput::-webkit-color-swatch-wrapper{padding:0}.page-module__VxlC9a__builderColourInput::-webkit-color-swatch{border:1px solid var(--border);border-radius:4px}.page-module__VxlC9a__builderColourHex{font-family:var(--font-jetbrains-mono),monospace;color:var(--muted-foreground);font-size:.6875rem}.page-module__VxlC9a__builderAddColour{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8125rem;font-weight:500;transition:opacity .15s}.page-module__VxlC9a__builderAddColour:hover{opacity:.7}.page-module__VxlC9a__builderReset{background:var(--secondary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:.5rem;padding:.625rem;font-size:.875rem;font-weight:600;transition:opacity .2s}.page-module__VxlC9a__builderReset:hover{opacity:.9}.page-module__VxlC9a__builderPreview{flex-direction:column;gap:1rem;display:flex}.page-module__VxlC9a__builderSwatch{border-radius:var(--radius);height:350px;transition:background .3s;box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px lab(0% 0 0/.1)}.dark .page-module__VxlC9a__builderSwatch{box-shadow:0 4px 12px #0000004d;box-shadow:0 4px 12px lab(0% 0 0/.3)}@keyframes page-module__VxlC9a__gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (max-width:768px){.page-module__VxlC9a__gradientBox{width:120px;height:120px}.page-module__VxlC9a__builderContainer{grid-template-columns:1fr}.page-module__VxlC9a__builderSwatch{height:250px}.page-module__VxlC9a__nextGrid{grid-template-columns:1fr}}@media (max-width:480px){.page-module__VxlC9a__gradientBox{width:100px;height:100px}.page-module__VxlC9a__gradientRow{gap:.5rem}}