/*!
 * @casoon/tailwindcss-effects - dist.css
 * Complete collection of CSS effects for Tailwind CSS v4 
 * Version 0.9.0 - Consolidated dist build
 * 
 * This file combines all individual package dist.css files
 * Import this when using without Tailwind CSS setup
 */
/*!
 * tailwindcss-utilities - Plain CSS Distribution
 * Version: 0.9.0
 * 
 * This version can be used WITHOUT Tailwind CSS.
 * All @utility directives converted to standard CSS classes.
 */

/*!
 * Casoon Utilities - Complete Utility System for Tailwind v4
 * Version: 0.9.0 — COMPLETELY CONSOLIDATED & ENHANCED
 * 
 * SYSTEMATICALLY CONSOLIDATED FROM:
 * - src/index.css (main file with .definitions)
 * - src/styles/base/tokens.css
 * - src/styles/tokens/design-tokens.css
 * - src/styles/utilities/core.css
 * - src/styles/utilities/layout.css
 * - src/styles/utilities/effects.css
 * - src/styles/components/surfaces.css
 * - src/styles/patterns/component-presets.css
 * 
 * TOTAL: 8 CSS FILES → Pure Tailwind v4 (120+ classes + 80+ @utility)
 * 
 * Features:
 * ✅ Tree-Shaking Support with @utility directives
 * ✅ Modern Design System with comprehensive tokens
 * ✅ Accessibility-first components and utilities
 * ✅ Progressive Enhancement & Fallbacks
 * ✅ Container Queries & Responsive Design
 * ✅ Performance optimized with reduced motion support
 * 
 * Usage: 
 */:root{--cs-leading-relaxed:1.625;--cs-leading-loose:2;--cs-text-balance:balance;--cs-radius-sm:calc(var(--cs-radius) - 4px);--cs-radius-lg:calc(var(--cs-radius) + 6px)}@media (prefers-color-scheme:light){@theme{--cs-bg:#fff;--cs-surface:#f7f8fa;--cs-elev1:#fff;--cs-elev2:#fff;--cs-text:#101217;--cs-text-muted:#475066;--cs-border:#dfe3ea;--cs-brand:#375dfb;--cs-brand-contrast:#fff;--cs-shadow-1:0 1px 2px rgba(18,24,40,.06),0 1px 1px rgba(18,24,40,.04);--cs-shadow-2:0 10px 24px rgba(18,24,40,.1),0 2px 8px rgba(18,24,40,.06);--cs-acrylic-tint:hsla(0,0%,100%,.65);--cs-acrylic-border:rgba(0,0,0,.06)}}.cs-theme-light{--cs-bg:#fff;--cs-surface:#f7f8fa;--cs-elev1:#fff;--cs-elev2:#fff;--cs-text:#101217;--cs-text-muted:#475066;--cs-border:#dfe3ea;--cs-brand:#375dfb;--cs-brand-contrast:#fff;--cs-shadow-1:0 1px 2px rgba(18,24,40,.06),0 1px 1px rgba(18,24,40,.04);--cs-shadow-2:0 10px 24px rgba(18,24,40,.1),0 2px 8px rgba(18,24,40,.06);--cs-acrylic-tint:hsla(0,0%,100%,.65);--cs-acrylic-border:rgba(0,0,0,.06)}.cs-theme-dark{--cs-bg:#0b0c0f;--cs-surface:#14161a;--cs-elev1:#1b1e24;--cs-elev2:#21252d;--cs-text:#eef1f6;--cs-text-muted:#b6bfcc;--cs-border:#2a2f39;--cs-brand:#4f7cff;--cs-brand-contrast:#0b0d12}.cs-focus-ring{&:focus-visible{box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 4px rgba(79,124,255,.2);outline:2px solid transparent;outline-offset:2px;transition:box-shadow var(--cs-transition)}}.cs-focus-ring-within{&:focus-within{border-radius:var(--cs-radius);box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 6px rgba(79,124,255,.22)}}@utility cs-spinner{animation:cs-rotate 1s linear infinite;will-change:transform}.cs-skeleton{animation:cs-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--cs-border) 25%,var(--cs-elev1) 50%,var(--cs-border) 75%);border-radius:var(--cs-radius)}@keyframes cs-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cs-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cs-progress{background:var(--cs-border);border-radius:var(--cs-radius);height:8px;overflow:hidden;position:relative;width:100%}.cs-progress-bar{background:var(--cs-brand,#4f7cff);border-radius:inherit;height:100%;transition:width var(--cs-transition)}.cs-progress-indeterminate{animation:cs-progress-slide 1.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,var(--cs-brand,#4f7cff),transparent);background-size:200% 100%}@keyframes cs-progress-slide{0%{background-position:-200% 0}to{background-position:200% 0}}.cs-scroll-auto{scroll-behavior:auto}.cs-scrollbar-none{scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.cs-snap-x{scroll-snap-type:x mandatory}.cs-snap-y{scroll-snap-type:y mandatory}.cs-snap-both{scroll-snap-type:both mandatory}.cs-snap-none{scroll-snap-type:none}.cs-card-product{background:var(--cs-elev1);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);padding:var(--cs-space-6);transition:all var(--cs-transition);&:hover{border-color:var(--cs-brand,#4f7cff);box-shadow:var(--cs-shadow-2);transform:translateY(-2px)}}.cs-card-hero{background:linear-gradient(135deg,var(--cs-elev1),var(--cs-elev2));border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);overflow:hidden;padding:var(--cs-space-8);position:relative;text-align:center;&:before{background:linear-gradient(90deg,var(--cs-brand,#4f7cff),var(--cs-success),var(--cs-info));content:"";height:4px;left:0;position:absolute;right:0;top:0}}.cs-card-compact{align-items:center;background:var(--cs-elev1);border:1px solid var(--cs-border);border-radius:var(--cs-radius);display:flex;gap:var(--cs-space-3);padding:var(--cs-space-4);transition:all var(--cs-transition);&:hover{background:var(--cs-elev2)}}.cs-container-fluid{@container (min-width: 768px){padding-left:calc(var(--cs-page-pad) + var(--cs-space-2));padding-right:calc(var(--cs-page-pad) + var(--cs-space-2))}@container (min-width: 1200px){max-width:var(--cs-page-max)}}.cs-stack{display:grid;gap:var(--cs-space-3)}.cs-stack-sm{display:grid;gap:var(--cs-space-2)}.cs-stack-lg{display:grid;gap:var(--cs-space-6)}.cs-cluster{align-items:center;display:flex;flex-wrap:wrap;gap:var(--cs-space-2)}.cs-center{display:grid;place-items:center}.cs-grid-fit{display:grid;gap:var(--cs-space-3);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.cs-aspect{aspect-ratio:var(--cs-aspect,16/9)}.cs-bleed-x{margin-inline:calc(var(--cs-page-pad)*-1);@container (min-width: 960px){margin-inline:calc((var(--cs-page-pad) + var(--cs-space-3))*-1)}}.cs-safe-pad{padding-block-end:max(var(--cs-space-4),env(safe-area-inset-bottom));padding-inline:max(var(--cs-page-pad),env(safe-area-inset-left));padding-inline-end:max(var(--cs-page-pad),env(safe-area-inset-right))}.cs-sticky{position:sticky;top:0}.cs-will-change-transform{will-change:transform}.cs-will-change-opacity{will-change:opacity}.cs-text-xs{font-size:var(--cs-fs-xs)}.cs-text-sm,.cs-text-xs{line-height:var(--cs-line)}.cs-text-sm{font-size:var(--cs-fs-sm)}.cs-text-md{font-size:var(--cs-fs-md);line-height:var(--cs-line)}.cs-text-lg{font-size:var(--cs-fs-lg);line-height:calc(var(--cs-line) + .05)}.cs-text-xl{font-size:var(--cs-fs-xl);line-height:calc(var(--cs-line) + .1)}.cs-text-2xl{font-size:var(--cs-fs-2xl);line-height:calc(var(--cs-line) + .12)}.cs-font-sans{font-family:var(--cs-font-sans)}.cs-font-mono{font-family:var(--cs-font-mono)}.cs-grid-auto-fit-sm{display:grid;gap:var(--cs-space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cs-grid-auto-fit-md{display:grid;gap:var(--cs-space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cs-grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.cs-grid-12,.cs-grid-auto-fit-lg{display:grid;gap:var(--cs-space-4)}.cs-grid-12{grid-template-columns:repeat(12,1fr)}.cs-grid-cols-2{grid-template-columns:repeat(2,1fr)}.cs-grid-cols-2,.cs-grid-cols-3{display:grid;gap:var(--cs-space-4)}.cs-grid-cols-3{grid-template-columns:repeat(3,1fr)}.cs-grid-cols-4{grid-template-columns:repeat(4,1fr)}.cs-grid-cols-4,.cs-grid-cols-6{display:grid;gap:var(--cs-space-4)}.cs-grid-cols-6{grid-template-columns:repeat(6,1fr)}.cs-grid-cols-8{grid-template-columns:repeat(8,1fr)}.cs-grid-cols-8,.cs-grid-cols-9{display:grid;gap:var(--cs-space-4)}.cs-grid-cols-9{grid-template-columns:repeat(9,1fr)}.cs-grid-cols-12{display:grid;gap:var(--cs-space-4);grid-template-columns:repeat(12,1fr)}.cs-col-1{grid-column:span 1}.cs-col-2{grid-column:span 2}.cs-col-3{grid-column:span 3}.cs-col-4{grid-column:span 4}.cs-col-5{grid-column:span 5}.cs-col-6{grid-column:span 6}.cs-col-7{grid-column:span 7}.cs-col-8{grid-column:span 8}.cs-col-9{grid-column:span 9}.cs-col-10{grid-column:span 10}.cs-col-11{grid-column:span 11}.cs-col-12{grid-column:span 12}.cs-space-1{gap:var(--cs-space-1)}.cs-space-2{gap:var(--cs-space-2)}.cs-space-3{gap:var(--cs-space-3)}.cs-space-4{gap:var(--cs-space-4)}.cs-space-6{gap:var(--cs-space-6)}.cs-space-8{gap:var(--cs-space-8)}.cs-p-1{padding:var(--cs-space-1)}.cs-p-2{padding:var(--cs-space-2)}.cs-p-3{padding:var(--cs-space-3)}.cs-p-4{padding:var(--cs-space-4)}.cs-p-6{padding:var(--cs-space-6)}.cs-p-8{padding:var(--cs-space-8)}.cs-m-1{margin:var(--cs-space-1)}.cs-m-2{margin:var(--cs-space-2)}.cs-m-3{margin:var(--cs-space-3)}.cs-m-4{margin:var(--cs-space-4)}.cs-m-6{margin:var(--cs-space-6)}.cs-m-8{margin:var(--cs-space-8)}.cs-px-1{padding-inline:var(--cs-space-1)}.cs-px-2{padding-inline:var(--cs-space-2)}.cs-px-3{padding-inline:var(--cs-space-3)}.cs-px-4{padding-inline:var(--cs-space-4)}.cs-py-1{padding-block:var(--cs-space-1)}.cs-py-2{padding-block:var(--cs-space-2)}.cs-py-3{padding-block:var(--cs-space-3)}.cs-py-4{padding-block:var(--cs-space-4)}.cs-text-gradient{background:linear-gradient(135deg,var(--cs-brand,#4f7cff),var(--cs-success));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.cs-prose{line-height:var(--cs-leading-relaxed);& h1,& h2,& h3{margin-bottom:1em;margin-top:2em;text-wrap:var(--cs-text,#eef1f6)}& ol,& p,& ul{margin-bottom:1.25em}& ol,& ul{padding-left:2em}& blockquote{border-left:4px solid var(--cs-border);font-style:italic;margin:1.5em 0;padding-left:1em}}.cs-font-feature-numbers{font-feature-settings:"tnum"}.cs-surface{background:var(--cs-surface,#14161a);color:var(--cs-text,#eef1f6)}.cs-surface-elevated{background:var(--cs-elev1);color:var(--cs-text,#eef1f6)}.cs-surface-raised{background:var(--cs-elev2);color:var(--cs-text,#eef1f6)}.cs-bg-brand{background-color:var(--cs-brand,#4f7cff);color:var(--cs-brand,#4f7cff)}.cs-radius-sm{border-radius:var(--cs-radius-sm)}.cs-radius{border-radius:var(--cs-radius)}.cs-radius-lg{border-radius:var(--cs-radius-lg)}.cs-shadow{box-shadow:var(--cs-shadow-1)}.cs-shadow-lg{box-shadow:var(--cs-shadow-2)}.cs-card{border-radius:var(--cs-radius);box-shadow:var(--cs-shadow-1);padding:var(--cs-space-4)}.cs-card-elevated{background:var(--cs-elev1);border:1px solid var(--cs-border);box-shadow:var(--cs-shadow-2);padding:var(--cs-space-4)}.cs-btn,.cs-card-elevated{border-radius:var(--cs-radius)}.cs-btn{border:0;cursor:pointer;font-weight:500;min-height:44px;min-width:44px;padding:var(--cs-space-2) var(--cs-space-4);text-decoration:none;transition:var(--cs-transition)}.cs-btn-primary{background:var(--cs-brand,#4f7cff);color:var(--cs-brand,#4f7cff);&:hover{background:rgba(79,124,255,.85)}&:focus-visible{box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 4px rgba(79,124,255,.25);outline:2px solid transparent;outline-offset:2px}}.cs-btn-secondary{background:var(--cs-elev1);border:1px solid var(--cs-border);color:var(--cs-text,#eef1f6);&:hover{background:var(--cs-elev2)}&:focus-visible{box-shadow:0 0 0 2px var(--cs-border),0 0 0 4px color-mix(in srgb,var(--cs-text,#eef1f6) 15%,transparent);outline:2px solid transparent;outline-offset:2px}}.cs-btn-outline{background:transparent;border:1px solid var(--cs-brand,#4f7cff);color:var(--cs-brand,#4f7cff);&:hover{background:var(--cs-brand,#4f7cff);color:var(--cs-brand,#4f7cff)}&:focus-visible{box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 4px rgba(79,124,255,.25);outline:2px solid transparent;outline-offset:2px}}.cs-btn-ghost{background:transparent;border:1px solid transparent;color:var(--cs-text,#eef1f6);&:hover{background:var(--cs-elev1);border-color:var(--cs-border)}&:focus-visible{box-shadow:0 0 0 2px var(--cs-border),0 0 0 4px color-mix(in srgb,var(--cs-text,#eef1f6) 15%,transparent);outline:2px solid transparent;outline-offset:2px}}.cs-btn-sm{font-size:var(--cs-fs-sm);min-height:36px;min-width:36px;padding:var(--cs-space-1) var(--cs-space-3)}.cs-btn-lg{font-size:var(--cs-fs-lg);min-height:52px;min-width:52px;padding:var(--cs-space-3) var(--cs-space-6)}.cs-alert{align-items:center;background:var(--cs-surface,#14161a);border:1px solid var(--cs-border);border-radius:var(--cs-radius);display:flex;gap:var(--cs-space-3);padding:var(--cs-space-4)}.cs-alert-info{background:color-mix(in srgb,var(--cs-info,#0ea5e9) 8%,var(--cs-surface,#14161a));border-color:var(--cs-info,#0ea5e9);color:var(--cs-info,#0ea5e9)}.cs-alert-success{background:color-mix(in srgb,var(--cs-success,#22c55e) 8%,var(--cs-surface,#14161a));border-color:var(--cs-success,#22c55e);color:var(--cs-success,#22c55e)}.cs-alert-warning{background:color-mix(in srgb,var(--cs-warning,#f59e0b) 8%,var(--cs-surface,#14161a));border-color:var(--cs-warning,#f59e0b);color:var(--cs-warning,#f59e0b)}.cs-alert-danger{background:color-mix(in srgb,var(--cs-danger,#ef4444) 8%,var(--cs-surface,#14161a));border-color:var(--cs-danger,#ef4444);color:var(--cs-danger,#ef4444)}.cs-badge{align-items:center;border-radius:var(--cs-radius-sm);display:inline-flex;font-size:var(--cs-fs-xs);font-weight:600;gap:var(--cs-space-1);line-height:1;padding:var(--cs-space-1) var(--cs-space-2);white-space:nowrap}.cs-badge-primary{background:var(--cs-brand,#4f7cff);color:var(--cs-brand,#4f7cff)}.cs-badge-secondary{background:var(--cs-text,#eef1f6);color:var(--cs-bg)}.cs-badge-success{background:var(--cs-success,#22c55e);color:#fff}.cs-badge-warning{background:var(--cs-warning,#f59e0b);color:#fff}.cs-badge-danger{background:var(--cs-danger,#ef4444);color:#fff}.cs-badge-outline{background:transparent;border:1px solid}.cs-acrylic{-webkit-backdrop-filter:saturate(140%) blur(var(--cs-acrylic-blur,14px));backdrop-filter:saturate(140%) blur(var(--cs-acrylic-blur,14px));background:var(--cs-acrylic-tint,rgba(20,22,26,.55));background-clip:padding-box;border:1px solid var(--cs-acrylic-border,hsla(0,0%,100%,.06));border-radius:var(--cs-radius,10px);box-shadow:var(--cs-shadow-2);@media (max-width:480px){--cs-acrylic-blur:8px;box-shadow:var(--cs-shadow-1)}}.cs-pulse{animation:csPulse 1.2s ease-in-out infinite;will-change:transform,opacity}@keyframes csPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.cs-fade-delayed{animation:csFadeIn var(--cs-anim-duration-lg,.42s) var(--cs-anim-ease-out,ease-out) forwards;animation-delay:.4s;opacity:0}@keyframes csFadeIn{0%{opacity:0}to{opacity:1}}.cs-shimmer{animation:csShimmer 2s linear infinite;background:linear-gradient(90deg,var(--cs-elev1),var(--cs-elev2),var(--cs-elev1));background-size:200% 100%;overflow:hidden;position:relative}@keyframes csShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cs-spin{animation:csSpin 1s linear infinite}@keyframes csSpin{to{transform:rotate(1turn)}}.cs-glow{box-shadow:0 0 0 transparent;transition:box-shadow .4s ease-out;&.cs-glow-active{box-shadow:0 0 0 3px rgba(79,124,255,.4),0 0 12px rgba(79,124,255,.65)}}@container (max-width: 640px){.cs-hide-mobile{display:none!important}.cs-show-mobile{display:block!important}}@container (min-width: 641px) and (max-width: 1024px){.cs-hide-tablet{display:none!important}.cs-show-tablet{display:block!important}}@container (min-width: 1025px){.cs-hide-desktop{display:none!important}.cs-show-desktop{display:block!important}}@supports not (color:color-mix(in srgb,red 50%,blue)){.cs-btn-primary:hover{background:rgba(79,124,255,.85)}.cs-alert-info{background:rgba(14,165,233,.08)}.cs-alert-success{background:rgba(34,197,94,.08)}.cs-alert-warning{background:rgba(245,158,11,.08)}.cs-alert-danger{background:rgba(239,68,68,.08)}}@supports not (backdrop-filter:blur(1px)){.cs-acrylic{background:color-mix(in srgb,var(--cs-acrylic-tint) 80%,var(--cs-elev1))}}@supports (color:oklch(60% 0.2 250)){.cs-theme{--cs-brand-oklch:oklch(from var(--cs-brand,#4f7cff) l c h)}}@media (prefers-reduced-motion:reduce){.cs-fade-delayed,.cs-pulse,.cs-shimmer,.cs-spin{animation:none!important}.cs-btn:hover,.cs-focus-ring-within:focus-within,.cs-focus-ring:focus-visible{transition:none!important}.cs-glow{transition:none!important}}@media (prefers-contrast:high){.cs-theme{--cs-border:currentColor;--cs-text-muted:var(--cs-text,#eef1f6)}.cs-btn{border:2px solid}.cs-card,.cs-card-elevated{border:2px solid var(--cs-border)}}
/*!
 * tailwindcss-animations - Plain CSS Distribution
 * Version: 0.9.0
 * 
 * This version can be used WITHOUT Tailwind CSS.
 * All @utility directives converted to standard CSS classes.
 */

/*!
 * Casoon Animations - Complete Animation System for Tailwind v4
 * Version: 0.9.0 — COMPLETELY CONSOLIDATED & ENHANCED
 * 
 * SYSTEMATICALLY CONSOLIDATED FROM:
 * - src/index.css (main animation engine)
 * - src/styles/utilities/core.css (core keyframes and utilities)
 * - src/styles/utilities/stagger.css (stagger orchestration)
 * - src/styles/components/button.css (button interactions)
 * - src/styles/components/navigation.css (nav animations)
 * - src/styles/fallbacks.css (accessibility fallbacks)
 * 
 * TOTAL: 6 CSS FILES → Pure Tailwind v4 (80+ animations + advanced features)
 * 
 * New Features Added:
 * ✅ Scroll-based animations with Intersection Observer support
 * ✅ Advanced easing functions (spring, bounce, elastic)
 * ✅ Extended stagger system (up to 12 items)
 * ✅ Performance-optimized keyframes
 * ✅ Modern CSS features (view-timeline, scroll-timeline)
 * ✅ Comprehensive reduced motion support
 * ✅ Touch-friendly micro-interactions
 * 
 * Usage: 
 */:root{--cs-anim-duration-xxs:100ms;--cs-anim-duration-xs:150ms;--cs-anim-duration-sm:200ms;--cs-anim-duration-md:300ms;--cs-anim-duration-lg:500ms;--cs-anim-duration-xl:700ms;--cs-anim-duration-2xl:1000ms;--cs-anim-duration-3xl:1500ms;--cs-anim-ease-standard:cubic-bezier(0.2,0,0,1);--cs-anim-ease-emphasized:cubic-bezier(0.3,0,0.8,0.15);--cs-anim-ease-decelerate:cubic-bezier(0.05,0.7,0.1,1);--cs-anim-ease-accelerate:cubic-bezier(0.3,0,1,1);--cs-anim-ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--cs-anim-ease-soft-spring:cubic-bezier(0.25,0.46,0.45,0.94);--cs-anim-ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--cs-anim-ease-elastic:cubic-bezier(0.68,-0.6,0.32,1.6);--cs-anim-ease-smooth:cubic-bezier(0.4,0,0.2,1);--cs-anim-ease-crisp:cubic-bezier(0.4,0,0.6,1);--cs-anim-ease-overshoot:cubic-bezier(0.34,1.56,0.64,1);--cs-anim-reduced-motion-duration:1ms;--cs-anim-reduced-motion-ease:ease;--cs-underline-w:0%;--cs-underline-h:2px;--cs-ripple-color:currentColor;--cs-ripple-size:0%;--cs-chip-scale:1;--cs-badge-scale:0.9;--cs-toast-offset:16px;--cs-drawer-shift:0px;--cs-accordion-rows:0fr;--cs-skeleton-sheen:120%;--cs-parallax-offset:0px;--cs-scroll-progress:0%;--cs-stagger-delay-50:50ms;--cs-stagger-delay-75:75ms;--cs-stagger-delay-100:100ms;--cs-stagger-delay-150:150ms;--cs-stagger-delay-200:200ms}@keyframes csFadeIn, anim-fade-in{0%{opacity:0}to{opacity:1}}@keyframes csFadeOut, anim-fade-out{0%{opacity:1}to{opacity:0}}@keyframes csScaleIn, anim-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes csScaleOut, anim-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes csSlideUp, anim-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes csSlideDown, anim-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes csSlideLeft, anim-slide-left{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes csSlideRight, anim-slide-right{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes csBlurIn, anim-blur-in{0%{filter:blur(4px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes csBlurOut, anim-blur-out{0%{filter:blur(0);opacity:1}to{filter:blur(4px);opacity:0}}@keyframes csRotateIn, anim-rotate-in{0%{opacity:0;transform:rotate(-5deg)}to{opacity:1;transform:rotate(0)}}@keyframes csFlipIn{0%{opacity:0;transform:rotateY(-180deg)}to{opacity:1;transform:rotateY(0)}}@keyframes csZoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes csZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes csRotate, anim-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes csPulse, anim-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes csBounce, anim-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}@keyframes csWiggle, anim-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes csShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes csHeartbeat{0%,to{transform:scale(1)}14%,28%{transform:scale(1.15)}}@keyframes csRubberBand{0%,to{transform:scaleX(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}60%{transform:scaleX(1.15) scaleY(.85)}}@keyframes csReveal3DUp{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes csReveal3DRight{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes csReveal3DLeft{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes csFlip3DX{0%{transform:rotateX(0)}to{transform:rotateX(1turn)}}@keyframes csFlip3DY{0%{transform:rotateY(0)}to{transform:rotateY(1turn)}}@keyframes csMarqueeLeft{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes csMarqueeRight{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes csParallaxY{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}@keyframes csParallaxX{0%{transform:translateX(-10px)}to{transform:translateX(10px)}}@keyframes csFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes csSway{0%,to{transform:rotate(0deg)}50%{transform:rotate(1deg)}}@keyframes csProgressGrow{0%{width:0}to{width:100%}}@keyframes csSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes csDotLoader{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes csRippleSpread{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes csDropdownIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes csDropdownOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-5px)}}@keyframes csTooltipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes csTooltipOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes csModalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes csModalOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes csBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes csBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes csDrawerInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes csDrawerOutLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes csDrawerInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes csDrawerOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes csDrawerInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes csDrawerOutTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes csDrawerInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes csDrawerOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes csAccordionIn{0%{height:0;opacity:0}to{height:auto;opacity:1}}@keyframes csAccordionOut{0%{height:auto;opacity:1}to{height:0;opacity:0}}@keyframes csToastIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes csToastOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes csChipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes csChipOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes csBadgePop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes csSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes csProgressIndeterminate{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes csCarouselSlide{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes csCarouselFade{0%{opacity:0}to{opacity:1}}@keyframes csBtnPress{0%{transform:scale(1)}50%{transform:scale(.975)}to{transform:scale(1)}}@keyframes csTabSlide{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes csNotificationSlide{0%{transform:translateX(100%)}to{transform:translateX(0)}}.cs-anim{animation-iteration-count:var(--cs-anim-count,1)}.cs-anim-xxs{--cs-anim-duration:var(--cs-anim-duration-xxs)}.cs-anim-xs{--cs-anim-duration:var(--cs-anim-duration-xs)}.cs-anim-sm{--cs-anim-duration:var(--cs-anim-duration-sm)}.cs-anim-md{--cs-anim-duration:var(--cs-anim-duration-md)}.cs-anim-lg{--cs-anim-duration:var(--cs-anim-duration-lg)}.cs-anim-xl{--cs-anim-duration:var(--cs-anim-duration-xl)}.cs-anim-2xl{--cs-anim-duration:var(--cs-anim-duration-2xl)}.cs-anim-3xl{--cs-anim-duration:var(--cs-anim-duration-3xl)}.cs-ease-standard{--cs-anim-ease:var(--cs-anim-ease-standard)}.cs-ease-emphasized{--cs-anim-ease:var(--cs-anim-ease-emphasized)}.cs-ease-decelerate{--cs-anim-ease:var(--cs-anim-ease-decelerate)}.cs-ease-accelerate{--cs-anim-ease:var(--cs-anim-ease-accelerate)}.cs-ease-spring{--cs-anim-ease:var(--cs-anim-ease-spring)}.cs-ease-soft-spring{--cs-anim-ease:var(--cs-anim-ease-soft-spring)}.cs-ease-bounce{--cs-anim-ease:var(--cs-anim-ease-bounce)}.cs-ease-elastic{--cs-anim-ease:var(--cs-anim-ease-elastic)}.cs-ease-smooth{--cs-anim-ease:var(--cs-anim-ease-smooth)}.cs-ease-crisp{--cs-anim-ease:var(--cs-anim-ease-crisp)}.cs-ease-overshoot{--cs-anim-ease:var(--cs-anim-ease-overshoot)}.cs-delay-0{--cs-anim-delay:0ms}.cs-delay-50{--cs-anim-delay:50ms}.cs-delay-75{--cs-anim-delay:75ms}.cs-delay-100{--cs-anim-delay:100ms}.cs-delay-150{--cs-anim-delay:150ms}.cs-delay-200{--cs-anim-delay:200ms}.cs-delay-300{--cs-anim-delay:300ms}.cs-delay-500{--cs-anim-delay:500ms}.cs-delay-700{--cs-anim-delay:700ms}.cs-delay-1000{--cs-anim-delay:1000ms}.cs-delay-1500{--cs-anim-delay:1500ms}.cs-anim-infinite{--cs-anim-count:infinite}.cs-anim-reverse{--cs-anim-direction:reverse}.cs-anim-alternate{--cs-anim-direction:alternate}.cs-anim-alternate-reverse{--cs-anim-direction:alternate-reverse}.cs-anim-both{--cs-anim-fill:both}.cs-anim-forwards{--cs-anim-fill:forwards}.cs-anim-backwards{--cs-anim-fill:backwards}.cs-anim-none{--cs-anim-fill:none}.cs-anim-once{--cs-anim-count:1}.cs-anim-twice{--cs-anim-count:2}.cs-anim-thrice{--cs-anim-count:3}.cs-fade-in{animation-name:csFadeIn}.cs-fade-out{animation-name:csFadeOut}.cs-scale-in{animation-name:csScaleIn}.cs-scale-out{animation-name:csScaleOut}.cs-zoom-in{animation-name:csZoomIn}.cs-zoom-out{animation-name:csZoomOut}.cs-slide-up{animation-name:csSlideUp}.cs-slide-down{animation-name:csSlideDown}.cs-slide-left{animation-name:csSlideLeft}.cs-slide-right{animation-name:csSlideRight}.cs-blur-in{animation-name:csBlurIn}.cs-blur-out{animation-name:csBlurOut}.cs-rotate-in{animation-name:csRotateIn}.cs-flip-in{animation-name:csFlipIn}.cs-anim{animation-delay:var(--cs-anim-delay,0s);animation-direction:var(--cs-anim-direction,normal);animation-duration:var(--cs-anim-duration,var(--cs-anim-duration-md));animation-fill-mode:var(--cs-anim-fill,both);animation-iteration-count:1;animation-timing-function:var(--cs-anim-ease,var(--cs-anim-ease-standard))}.cs-marquee{animation-iteration-count:infinite;animation-name:csMarqueeLeft;animation-timing-function:linear}.cs-rotate{animation-duration:var(--cs-anim-duration-lg);animation-iteration-count:infinite;animation-name:csRotate;animation-timing-function:linear}.cs-pulse{animation-iteration-count:infinite;animation-name:csPulse}.cs-bounce,.cs-pulse{animation-duration:var(--cs-anim-duration-lg)}.cs-bounce{animation-iteration-count:infinite;animation-name:csBounce}.cs-wiggle{animation-name:csWiggle}.cs-shake{animation-name:csShake}.cs-heartbeat{animation-duration:var(--cs-anim-duration-lg);animation-iteration-count:infinite;animation-name:csHeartbeat}.cs-rubber-band{animation-name:csRubberBand}.cs-reveal-3d-up{animation-name:csReveal3DUp}.cs-reveal-3d-right{animation-name:csReveal3DRight}.cs-reveal-3d-left{animation-name:csReveal3DLeft}.cs-flip-3d-x{animation-name:csFlip3DX}.cs-flip-3d-x,.cs-flip-3d-y{animation-duration:var(--cs-anim-duration-lg)}.cs-flip-3d-y{animation-name:csFlip3DY}.cs-marquee-left{animation-duration:10s;animation-iteration-count:infinite;animation-name:csMarqueeLeft;animation-timing-function:linear}.cs-marquee-right{animation-duration:10s;animation-iteration-count:infinite;animation-name:csMarqueeRight;animation-timing-function:linear}.cs-parallax-y{animation-iteration-count:infinite;animation-name:csParallaxY}.cs-parallax-x,.cs-parallax-y{animation-direction:alternate;animation-duration:6s}.cs-parallax-x{animation-iteration-count:infinite;animation-name:csParallaxX}.cs-float{animation-duration:3s;animation-iteration-count:infinite;animation-name:csFloat}.cs-sway{animation-duration:4s;animation-iteration-count:infinite;animation-name:csSway}.cs-btn-press{animation-duration:var(--cs-anim-duration-xxs);animation-name:csBtnPress;animation-timing-function:var(--cs-anim-ease-soft-spring)}.cs-dropdown-in{animation-duration:var(--cs-anim-duration-sm);animation-name:csDropdownIn;animation-timing-function:var(--cs-anim-ease-spring)}.cs-dropdown-out{animation-duration:var(--cs-anim-duration-xs);animation-name:csDropdownOut;animation-timing-function:var(--cs-anim-ease-accelerate)}.cs-tooltip-in{animation-duration:var(--cs-anim-duration-xs);animation-name:csTooltipIn;animation-timing-function:var(--cs-anim-ease-spring)}.cs-tooltip-out{animation-duration:var(--cs-anim-duration-xxs);animation-name:csTooltipOut;animation-timing-function:var(--cs-anim-ease-accelerate)}.cs-modal-in{animation-duration:var(--cs-anim-duration-md);animation-name:csModalIn;animation-timing-function:var(--cs-anim-ease-spring)}.cs-modal-out{animation-duration:var(--cs-anim-duration-sm);animation-name:csModalOut;animation-timing-function:var(--cs-anim-ease-accelerate)}.cs-backdrop-in{animation-duration:var(--cs-anim-duration-md);animation-name:csBackdropIn}.cs-backdrop-out{animation-duration:var(--cs-anim-duration-sm);animation-name:csBackdropOut}.cs-drawer-in-left{animation-duration:var(--cs-anim-duration-md);animation-name:csDrawerInLeft;animation-timing-function:var(--cs-anim-ease-spring)}.cs-drawer-out-left{animation-duration:var(--cs-anim-duration-sm);animation-name:csDrawerOutLeft;animation-timing-function:var(--cs-anim-ease-accelerate)}.cs-drawer-in-right{animation-duration:var(--cs-anim-duration-md);animation-name:csDrawerInRight;animation-timing-function:var(--cs-anim-ease-spring)}.cs-drawer-out-right{animation-duration:var(--cs-anim-duration-sm);animation-name:csDrawerOutRight;animation-timing-function:var(--cs-anim-ease-accelerate)}.cs-drawer-in-top{animation-duration:var(--cs-anim-duration-md);animation-name:csDrawerInTop;animation-timing-function:var(--cs-anim-ease-spring)}.cs-drawer-out-top{animation-duration:var(--cs-anim-duration-sm);animation-name:csDrawerOutTop;animation-timing-function:var(--cs-anim-ease-accelerate)}.cs-drawer-in-bottom{animation-duration:var(--cs-anim-duration-md);animation-name:csDrawerInBottom;animation-timing-function:var(--cs-anim-ease-spring)}.cs-drawer-out-bottom{animation-duration:var(--cs-anim-duration-sm);animation-name:csDrawerOutBottom;animation-timing-function:var(--cs-anim-ease-accelerate)}.cs-accordion-in{animation-duration:var(--cs-anim-duration-md);animation-name:csAccordionIn;animation-timing-function:var(--cs-anim-ease-decelerate)}.cs-accordion-out{animation-duration:var(--cs-anim-duration-sm);animation-name:csAccordionOut;animation-timing-function:var(--cs-anim-ease-accelerate)}.cs-accordion-fade{animation-duration:var(--cs-anim-duration-md);animation-name:csFadeIn;animation-timing-function:var(--cs-anim-ease-decelerate)}.cs-toast-in{animation-duration:var(--cs-anim-duration-md);animation-name:csToastIn;animation-timing-function:var(--cs-anim-ease-spring)}.cs-toast-out{animation-duration:var(--cs-anim-duration-sm);animation-name:csToastOut;animation-timing-function:var(--cs-anim-ease-accelerate)}.cs-chip-in{animation-duration:var(--cs-anim-duration-sm);animation-name:csChipIn;animation-timing-function:var(--cs-anim-ease-spring)}.cs-chip-out{animation-duration:var(--cs-anim-duration-xs);animation-name:csChipOut;animation-timing-function:var(--cs-anim-ease-accelerate)}.cs-badge-pop{animation-duration:var(--cs-anim-duration-sm);animation-name:csBadgePop;animation-timing-function:var(--cs-anim-ease-bounce)}.cs-spinner{animation-duration:1s;animation-iteration-count:infinite;animation-name:csSpinner;animation-timing-function:linear}.cs-progress-indeterminate{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:csProgressIndeterminate;animation-timing-function:linear}.cs-carousel-slide{animation-duration:var(--cs-anim-duration-lg);animation-name:csCarouselSlide;animation-timing-function:var(--cs-anim-ease-decelerate)}.cs-carousel-fade{animation-duration:var(--cs-anim-duration-lg);animation-name:csCarouselFade;animation-timing-function:var(--cs-anim-ease-standard)}.cs-btn-ripple{overflow:hidden;position:relative;&:after{animation:csRippleSpread .6s ease-out;background:color-mix(in srgb,var(--cs-ripple-color,currentColor) 20%,transparent);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}}.cs-nav-underline-in{position:relative;&:after{background:currentColor;border-radius:999px;bottom:-2px;content:"";height:var(--cs-underline-h,2px);left:50%;position:absolute;transform:translateX(-50%);transition:width var(--cs-anim-duration-sm) var(--cs-anim-ease-decelerate);width:var(--cs-underline-w,0)}&:hover:after{--cs-underline-w:100%}}.cs-tab-slide{animation-duration:var(--cs-anim-duration-sm);animation-name:csTabSlide}.cs-notification-slide{animation-duration:var(--cs-anim-duration-md);animation-name:csNotificationSlide;animation-timing-function:var(--cs-anim-ease-spring)}.cs-skeleton-shimmer{animation:csSkeletonShimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);background-size:200% 100%;overflow:hidden;position:relative}.cs-progress-grow{animation-name:csProgressGrow;animation-timing-function:var(--cs-anim-ease-decelerate)}.cs-dot-loader{animation-duration:1.4s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:csDotLoader}.cs-stagger-50{>.cs-anim:first-child{--cs-anim-delay:0ms}>.cs-anim:nth-child(2){--cs-anim-delay:50ms}>.cs-anim:nth-child(3){--cs-anim-delay:100ms}>.cs-anim:nth-child(4){--cs-anim-delay:150ms}>.cs-anim:nth-child(5){--cs-anim-delay:200ms}>.cs-anim:nth-child(6){--cs-anim-delay:250ms}>.cs-anim:nth-child(7){--cs-anim-delay:300ms}>.cs-anim:nth-child(8){--cs-anim-delay:350ms}>.cs-anim:nth-child(9){--cs-anim-delay:400ms}>.cs-anim:nth-child(10){--cs-anim-delay:450ms}>.cs-anim:nth-child(11){--cs-anim-delay:500ms}>.cs-anim:nth-child(12){--cs-anim-delay:550ms}}.cs-stagger-75{>.cs-anim:first-child{--cs-anim-delay:0ms}>.cs-anim:nth-child(2){--cs-anim-delay:75ms}>.cs-anim:nth-child(3){--cs-anim-delay:150ms}>.cs-anim:nth-child(4){--cs-anim-delay:225ms}>.cs-anim:nth-child(5){--cs-anim-delay:300ms}>.cs-anim:nth-child(6){--cs-anim-delay:375ms}>.cs-anim:nth-child(7){--cs-anim-delay:450ms}>.cs-anim:nth-child(8){--cs-anim-delay:525ms}>.cs-anim:nth-child(9){--cs-anim-delay:600ms}>.cs-anim:nth-child(10){--cs-anim-delay:675ms}>.cs-anim:nth-child(11){--cs-anim-delay:750ms}>.cs-anim:nth-child(12){--cs-anim-delay:825ms}}.cs-stagger-100{>.cs-anim:first-child{--cs-anim-delay:0ms}>.cs-anim:nth-child(2){--cs-anim-delay:100ms}>.cs-anim:nth-child(3){--cs-anim-delay:200ms}>.cs-anim:nth-child(4){--cs-anim-delay:300ms}>.cs-anim:nth-child(5){--cs-anim-delay:400ms}>.cs-anim:nth-child(6){--cs-anim-delay:500ms}>.cs-anim:nth-child(7){--cs-anim-delay:600ms}>.cs-anim:nth-child(8){--cs-anim-delay:700ms}>.cs-anim:nth-child(9){--cs-anim-delay:800ms}>.cs-anim:nth-child(10){--cs-anim-delay:900ms}>.cs-anim:nth-child(11){--cs-anim-delay:1000ms}>.cs-anim:nth-child(12){--cs-anim-delay:1100ms}}.cs-stagger-150{>.cs-anim:first-child{--cs-anim-delay:0ms}>.cs-anim:nth-child(2){--cs-anim-delay:150ms}>.cs-anim:nth-child(3){--cs-anim-delay:300ms}>.cs-anim:nth-child(4){--cs-anim-delay:450ms}>.cs-anim:nth-child(5){--cs-anim-delay:600ms}>.cs-anim:nth-child(6){--cs-anim-delay:750ms}>.cs-anim:nth-child(7){--cs-anim-delay:900ms}>.cs-anim:nth-child(8){--cs-anim-delay:1050ms}>.cs-anim:nth-child(9){--cs-anim-delay:1200ms}>.cs-anim:nth-child(10){--cs-anim-delay:1350ms}>.cs-anim:nth-child(11){--cs-anim-delay:1500ms}>.cs-anim:nth-child(12){--cs-anim-delay:1650ms}}.cs-stagger-200{>.cs-anim:first-child{--cs-anim-delay:0ms}>.cs-anim:nth-child(2){--cs-anim-delay:200ms}>.cs-anim:nth-child(3){--cs-anim-delay:400ms}>.cs-anim:nth-child(4){--cs-anim-delay:600ms}>.cs-anim:nth-child(5){--cs-anim-delay:800ms}>.cs-anim:nth-child(6){--cs-anim-delay:1000ms}>.cs-anim:nth-child(7){--cs-anim-delay:1200ms}>.cs-anim:nth-child(8){--cs-anim-delay:1400ms}>.cs-anim:nth-child(9){--cs-anim-delay:1600ms}>.cs-anim:nth-child(10){--cs-anim-delay:1800ms}>.cs-anim:nth-child(11){--cs-anim-delay:2000ms}>.cs-anim:nth-child(12){--cs-anim-delay:2200ms}}.cs-will-scroll{will-change:scroll-position}.cs-will-auto{will-change:auto}.cs-origin-center{transform-origin:center}.cs-origin-top{transform-origin:top}.cs-origin-top-right{transform-origin:top right}.cs-origin-right{transform-origin:right}.cs-origin-bottom-right{transform-origin:bottom right}.cs-origin-bottom{transform-origin:bottom}.cs-origin-bottom-left{transform-origin:bottom left}.cs-origin-left{transform-origin:left}.cs-origin-top-left{transform-origin:top left}.cs-t-origin-top{transform-origin:top}.cs-t-origin-center{transform-origin:center}.cs-t-origin-bottom{transform-origin:bottom}.cs-will-opacity{will-change:opacity}.cs-will-filter{will-change:filter}.cs-preserve-3d,.cs-t-preserve-3d{transform-style:preserve-3d}.cs-perspective-sm{perspective:500px}.cs-perspective{perspective:1000px}.cs-perspective-lg{perspective:1500px}.cs-backface-hidden{backface-visibility:hidden}.cs-backface-visible{backface-visibility:visible}.cs-scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;@supports (animation-timeline:view()){animation:csScrollReveal 1s ease-out;animation-timeline:view();animation-range:entry 0 entry 100%}}@keyframes csScrollReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cs-scroll-scale{transform:scale(.8);transition:transform .6s ease-out;@supports (animation-timeline:view()){animation:csScrollScale 1s ease-out;animation-timeline:view();animation-range:entry 0 entry 100%}}@keyframes csScrollScale{0%{transform:scale(.8)}to{transform:scale(1)}}.cs-parallax-scroll{@supports (animation-timeline:scroll()){animation:csParallaxScroll linear;animation-timeline:scroll()}}@keyframes csParallaxScroll{0%{transform:translateY(0)}to{transform:translateY(-50px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cs-bounce,.cs-dot-loader,.cs-float,.cs-heartbeat,.cs-marquee-left,.cs-marquee-right,.cs-parallax-x,.cs-parallax-y,.cs-pulse,.cs-rotate,.cs-rubber-band,.cs-shake,.cs-skeleton-shimmer,.cs-sway,.cs-wiggle{animation:none!important}.cs-fade-in,.cs-scale-in,.cs-slide-down,.cs-slide-left,.cs-slide-right,.cs-slide-up{animation-duration:.01ms!important}.cs-3d-hover,.cs-flip-3d-x,.cs-flip-3d-y{transform:none!important}}@media (prefers-contrast:high){.cs-skeleton-shimmer{background:repeating-linear-gradient(90deg,transparent,currentColor 50%,transparent)}}@media print{*,:after,:before{animation:none!important;transition:none!important}}@media (hover:none) and (pointer:coarse){.cs-btn-press{animation-duration:50ms}.cs-btn-ripple:after{animation-duration:.3s}.cs-shake,.cs-wiggle{animation-duration:.15s}}
/*!
 * tailwindcss-glass - Plain CSS Distribution
 * Version: 0.9.0
 * 
 * This version can be used WITHOUT Tailwind CSS.
 * All @utility directives converted to standard CSS classes.
 */

/*!
 * Casoon Glass - Complete Glassmorphism System for Tailwind v4
 * Version: 0.9.0 — Pure Glass Effects & Glass Cards
 * 
 * Features:
 * - Glass Backdrop Filter Effects
 * - Glass Background & Border Utilities  
 * - Glass Cards (with backdrop-filter)
 * - Glass UI Components (buttons, nav, etc.)
 * - Glass Animation Effects
 * 
 * Usage: 
 */:root{--cs-glass-white:#fff;--cs-glass-black:#000;--cs-glass-blue:#3b82f6;--cs-glass-purple:#9333ea;--cs-glass-green:#22c55e;--cs-glass-pink:#ec4899;--cs-glass-amber:#f59e0b;--cs-glass-bg-xs:hsla(0,0%,100%,.02);--cs-glass-bg-sm:hsla(0,0%,100%,.07);--cs-glass-bg-light:hsla(0,0%,100%,.1);--cs-glass-bg-weak:hsla(0,0%,100%,.05);--cs-glass-bg-md:hsla(0,0%,100%,.12);--cs-glass-bg-medium:hsla(0,0%,100%,.15);--cs-glass-bg-lg:hsla(0,0%,100%,.18);--cs-glass-bg-strong:hsla(0,0%,100%,.2);--cs-glass-bg-xl:hsla(0,0%,100%,.25);--cs-glass-bg-2xl:hsla(0,0%,100%,.35);--cs-glass-bg-3xl:hsla(0,0%,100%,.45);--cs-glass-bg-4xl:hsla(0,0%,100%,.6);--cs-glass-bg-5xl:hsla(0,0%,100%,.75);--cs-glass-bg-dark:rgba(0,0,0,.1);--cs-glass-bg-dark-xs:rgba(0,0,0,.02);--cs-glass-bg-dark-sm:rgba(0,0,0,.07);--cs-glass-bg-dark-md:rgba(0,0,0,.12);--cs-glass-bg-dark-lg:rgba(0,0,0,.18);--cs-glass-bg-dark-strong:rgba(0,0,0,.2);--cs-glass-bg-dark-xl:rgba(0,0,0,.25);--cs-glass-bg-dark-2xl:rgba(0,0,0,.35);--cs-glass-bg-dark-3xl:rgba(0,0,0,.45);--cs-glass-bg-dark-4xl:rgba(0,0,0,.6);--cs-glass-bg-dark-5xl:rgba(0,0,0,.75);--cs-glass-bg-blue:rgba(59,130,246,.1);--cs-glass-bg-purple:rgba(147,51,234,.1);--cs-glass-bg-green:rgba(34,197,94,.1);--cs-glass-bg-pink:rgba(236,72,153,.1);--cs-glass-bg-amber:rgba(245,158,11,.1);--cs-glass-border-xs:hsla(0,0%,100%,.05);--cs-glass-border-sm:hsla(0,0%,100%,.08);--cs-glass-border-light:hsla(0,0%,100%,.1);--cs-glass-border-md:hsla(0,0%,100%,.15);--cs-glass-border-medium:hsla(0,0%,100%,.2);--cs-glass-border-lg:hsla(0,0%,100%,.25);--cs-glass-border-strong:hsla(0,0%,100%,.3);--cs-glass-border-xl:hsla(0,0%,100%,.4);--cs-glass-border-2xl:hsla(0,0%,100%,.5);--cs-glass-border-3xl:hsla(0,0%,100%,.65);--cs-glass-border-blue:rgba(59,130,246,.2);--cs-glass-border-purple:rgba(147,51,234,.2);--cs-glass-border-green:rgba(34,197,94,.2);--cs-glass-border-pink:rgba(236,72,153,.2);--cs-glass-border-amber:rgba(245,158,11,.2);--cs-glass-blur-sm:blur(8px);--cs-glass-blur:blur(16px);--cs-glass-blur-lg:blur(24px);--cs-glass-blur-xl:blur(32px);--cs-glass-radius-sm:.25rem;--cs-glass-radius:.5rem;--cs-glass-radius-lg:.75rem;--cs-glass-radius-xl:1rem;--cs-glass-radius-2xl:1.5rem;--cs-glass-radius-3xl:2rem;--cs-glass-shadow-light:rgba(0,0,0,.05);--cs-glass-shadow-medium:rgba(0,0,0,.1);--cs-glass-shadow-strong:rgba(0,0,0,.15);--cs-glass-shadow-xl:rgba(0,0,0,.2);--cs-glass-shadow-sm-def:0 1px 2px var(--cs-glass-shadow-light);--cs-glass-shadow-def:0 8px 32px var(--cs-glass-shadow-medium);--cs-glass-shadow-lg-def:0 20px 40px var(--cs-glass-shadow-strong);--cs-glass-shadow-xl-def:0 25px 50px var(--cs-glass-shadow-xl);--cs-glass-transition:.3s;--cs-glass-tooltip-bg:rgba(0,0,0,.8);--cs-glass-bg-hover:hsla(0,0%,100%,.15);--cs-glass-bg-light-hover:hsla(0,0%,100%,.25);--cs-glass-bg-contrast:hsla(0,0%,100%,.2);--cs-glass-bg-dark-contrast:rgba(0,0,0,.2);--cs-glass-bg-fallback:hsla(0,0%,100%,.25);--cs-glass-bg-dark-fallback:rgba(0,0,0,.25);--cs-glass-bg-blue-fallback:rgba(59,130,246,.2);--cs-glass-bg-purple-fallback:rgba(147,51,234,.2);--cs-glass-bg-green-fallback:rgba(34,197,94,.2);--cs-glass-bg-pink-fallback:rgba(236,72,153,.2);--cs-glass-bg-amber-fallback:rgba(245,158,11,.2);--cs-glass-focus-ring:rgba(59,130,246,.5);--cs-glass-backdrop-filter-extra:none}.cs-glass{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);background:var(--cs-glass-bg-light);border:1px solid var(--cs-glass-border-medium);border-radius:var(--cs-glass-radius-lg);transition:all var(--cs-glass-transition) ease}.cs-glass-xs{background:var(--cs-glass-bg-xs);border:1px solid var(--cs-glass-border-xs);border-radius:var(--cs-glass-radius-sm)}.cs-glass-sm,.cs-glass-xs{backdrop-filter:var(--cs-glass-blur-sm);-webkit-backdrop-filter:var(--cs-glass-blur-sm);transition:all var(--cs-glass-transition) ease}.cs-glass-sm{background:var(--cs-glass-bg-sm);border:1px solid var(--cs-glass-border-sm);border-radius:var(--cs-glass-radius-sm)}.cs-glass-md{background:var(--cs-glass-bg-md);border:1px solid var(--cs-glass-border-md);border-radius:var(--cs-glass-radius)}.cs-glass-lg,.cs-glass-md{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);transition:all var(--cs-glass-transition) ease}.cs-glass-lg{background:var(--cs-glass-bg-lg);border:1px solid var(--cs-glass-border-lg);border-radius:var(--cs-glass-radius-lg)}.cs-glass-xl{background:var(--cs-glass-bg-xl);border:1px solid var(--cs-glass-border-xl);border-radius:var(--cs-glass-radius-xl)}.cs-glass-2xl,.cs-glass-xl{backdrop-filter:var(--cs-glass-blur-lg);-webkit-backdrop-filter:var(--cs-glass-blur-lg);transition:all var(--cs-glass-transition) ease}.cs-glass-2xl{background:var(--cs-glass-bg-2xl);border:1px solid var(--cs-glass-border-2xl);border-radius:var(--cs-glass-radius-2xl)}.cs-glass-3xl{backdrop-filter:var(--cs-glass-blur-xl);-webkit-backdrop-filter:var(--cs-glass-blur-xl);background:var(--cs-glass-bg-3xl);border:1px solid var(--cs-glass-border-3xl);border-radius:var(--cs-glass-radius-3xl);transition:all var(--cs-glass-transition) ease}.cs-glass-4xl{background:var(--cs-glass-bg-4xl)}.cs-glass-4xl,.cs-glass-5xl{backdrop-filter:var(--cs-glass-blur-xl);-webkit-backdrop-filter:var(--cs-glass-blur-xl);border:2px solid var(--cs-glass-border-3xl);border-radius:var(--cs-glass-radius-3xl);transition:all var(--cs-glass-transition) ease}.cs-glass-5xl{background:var(--cs-glass-bg-5xl)}.cs-glass-dark{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);background:var(--cs-glass-bg-dark);border:1px solid var(--cs-glass-border-medium);border-radius:var(--cs-glass-radius-lg);transition:all var(--cs-glass-transition) ease}.cs-glass-bg-xs{background:var(--cs-glass-bg-xs)}.cs-glass-bg-sm{background:var(--cs-glass-bg-sm)}.cs-glass-bg-light{background:var(--cs-glass-bg-light)}.cs-glass-bg-weak{background:var(--cs-glass-bg-weak)}.cs-glass-bg-md{background:var(--cs-glass-bg-md)}.cs-glass-bg-medium{background:var(--cs-glass-bg-medium)}.cs-glass-bg-lg{background:var(--cs-glass-bg-lg)}.cs-glass-bg-strong{background:var(--cs-glass-bg-strong)}.cs-glass-bg-xl{background:var(--cs-glass-bg-xl)}.cs-glass-bg-2xl{background:var(--cs-glass-bg-2xl)}.cs-glass-bg-3xl{background:var(--cs-glass-bg-3xl)}.cs-glass-bg-4xl{background:var(--cs-glass-bg-4xl)}.cs-glass-bg-5xl{background:var(--cs-glass-bg-5xl)}.cs-glass-bg-dark{background:var(--cs-glass-bg-dark)}.cs-glass-bg-dark-xs{background:var(--cs-glass-bg-dark-xs)}.cs-glass-bg-dark-sm{background:var(--cs-glass-bg-dark-sm)}.cs-glass-bg-dark-md{background:var(--cs-glass-bg-dark-md)}.cs-glass-bg-dark-lg{background:var(--cs-glass-bg-dark-lg)}.cs-glass-bg-dark-strong{background:var(--cs-glass-bg-dark-strong)}.cs-glass-bg-dark-xl{background:var(--cs-glass-bg-dark-xl)}.cs-glass-bg-dark-2xl{background:var(--cs-glass-bg-dark-2xl)}.cs-glass-bg-dark-3xl{background:var(--cs-glass-bg-dark-3xl)}.cs-glass-bg-dark-4xl{background:var(--cs-glass-bg-dark-4xl)}.cs-glass-bg-dark-5xl{background:var(--cs-glass-bg-dark-5xl)}.cs-glass-bg-blue{background:var(--cs-glass-bg-blue)}.cs-glass-bg-purple{background:var(--cs-glass-bg-purple)}.cs-glass-bg-green{background:var(--cs-glass-bg-green)}.cs-glass-bg-pink{background:var(--cs-glass-bg-pink)}.cs-glass-bg-amber{background:var(--cs-glass-bg-amber)}.cs-glass-white{background:var(--cs-glass-bg-light);border:1px solid var(--cs-glass-border-medium);border-radius:var(--cs-glass-radius-lg);color:var(--cs-glass-black)}.cs-glass-black,.cs-glass-white{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);transition:all var(--cs-glass-transition) ease}.cs-glass-black{background:var(--cs-glass-bg-dark);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--cs-glass-radius-lg);color:var(--cs-glass-white)}.cs-glass-blue{background:var(--cs-glass-bg-blue);border:1px solid var(--cs-glass-border-blue);border-radius:var(--cs-glass-radius-lg);color:var(--cs-glass-blue)}.cs-glass-blue,.cs-glass-purple{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);transition:all var(--cs-glass-transition) ease}.cs-glass-purple{background:var(--cs-glass-bg-purple);border:1px solid var(--cs-glass-border-purple);border-radius:var(--cs-glass-radius-lg);color:var(--cs-glass-purple)}.cs-glass-green{background:var(--cs-glass-bg-green);border:1px solid var(--cs-glass-border-green);border-radius:var(--cs-glass-radius-lg);color:var(--cs-glass-green)}.cs-glass-green,.cs-glass-pink{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);transition:all var(--cs-glass-transition) ease}.cs-glass-pink{background:var(--cs-glass-bg-pink);border:1px solid var(--cs-glass-border-pink);border-radius:var(--cs-glass-radius-lg);color:var(--cs-glass-pink)}.cs-glass-amber{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);background:var(--cs-glass-bg-amber);border:1px solid var(--cs-glass-border-amber);border-radius:var(--cs-glass-radius-lg);color:var(--cs-glass-amber);transition:all var(--cs-glass-transition) ease}.cs-glass-border-xs{border-color:var(--cs-glass-border-xs)}.cs-glass-border-sm{border-color:var(--cs-glass-border-sm)}.cs-glass-border-light{border-color:var(--cs-glass-border-light)}.cs-glass-border-md{border-color:var(--cs-glass-border-md)}.cs-glass-border-medium{border-color:var(--cs-glass-border-medium)}.cs-glass-border-lg{border-color:var(--cs-glass-border-lg)}.cs-glass-border-strong{border-color:var(--cs-glass-border-strong)}.cs-glass-border-xl{border-color:var(--cs-glass-border-xl)}.cs-glass-border-2xl{border-color:var(--cs-glass-border-2xl)}.cs-glass-border-3xl{border-color:var(--cs-glass-border-3xl)}.cs-glass-border-blue{border-color:var(--cs-glass-border-blue)}.cs-glass-border-purple{border-color:var(--cs-glass-border-purple)}.cs-glass-border-green{border-color:var(--cs-glass-border-green)}.cs-glass-border-pink{border-color:var(--cs-glass-border-pink)}.cs-glass-border-amber{border-color:var(--cs-glass-border-amber)}.cs-glass-blur-sm{backdrop-filter:var(--cs-glass-blur-sm);-webkit-backdrop-filter:var(--cs-glass-blur-sm)}.cs-glass-blur{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur)}.cs-glass-blur-lg{backdrop-filter:var(--cs-glass-blur-lg);-webkit-backdrop-filter:var(--cs-glass-blur-lg)}.cs-glass-blur-xl{backdrop-filter:var(--cs-glass-blur-xl);-webkit-backdrop-filter:var(--cs-glass-blur-xl)}.cs-glass-radius-sm{border-radius:var(--cs-glass-radius-sm)}.cs-glass-radius{border-radius:var(--cs-glass-radius)}.cs-glass-radius-lg{border-radius:var(--cs-glass-radius-lg)}.cs-glass-radius-xl{border-radius:var(--cs-glass-radius-xl)}.cs-glass-radius-2xl{border-radius:var(--cs-glass-radius-2xl)}.cs-glass-radius-3xl{border-radius:var(--cs-glass-radius-3xl)}.cs-glass-rounded{border-radius:var(--cs-glass-radius)}.cs-glass-rounded-sm{border-radius:var(--cs-glass-radius-sm)}.cs-glass-rounded-lg{border-radius:var(--cs-glass-radius-lg)}.cs-glass-rounded-xl{border-radius:var(--cs-glass-radius-xl)}.cs-glass-rounded-2xl{border-radius:var(--cs-glass-radius-2xl)}.cs-glass-rounded-3xl{border-radius:var(--cs-glass-radius-3xl)}.cs-glass-shadow-sm{box-shadow:var(--cs-glass-shadow-sm-def)}.cs-glass-shadow{box-shadow:var(--cs-glass-shadow-def)}.cs-glass-shadow-lg{box-shadow:var(--cs-glass-shadow-lg-def)}.cs-glass-shadow-xl{box-shadow:var(--cs-glass-shadow-xl-def)}.cs-glass-acrylic{--cs-glass-backdrop-filter-extra:saturate(135%) contrast(110%);backdrop-filter:var(--cs-glass-backdrop-filter-extra) var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-backdrop-filter-extra) var(--cs-glass-blur)}.cs-glass-frosted-edge{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cs-glass-white) 40%,transparent),var(--cs-glass-shadow-def)}.cs-glass-noise{isolation:isolate;position:relative;&:after{background-image:var(--cs-glass-noise-img,none);background-size:200px 200px;content:"";inset:0;mix-blend-mode:overlay;opacity:.07;pointer-events:none;position:absolute;z-index:1}}.cs-glass-on{color:var(--cs-glass-on,#0f172a)}.cs-glass-on-invert{color:var(--cs-glass-on-invert,#fff)}.cs-glass-disabled{filter:grayscale(20%);opacity:.6;pointer-events:none}.cs-glass-elev-1{z-index:10}.cs-glass-elev-2{z-index:20}.cs-glass-elev-3{z-index:30}.cs-glass-elev-4{z-index:40}.cs-glass-elev-5{z-index:50}.cs-glass-blend-overlay{mix-blend-mode:overlay}.cs-glass-blend-screen{mix-blend-mode:screen}.cs-glass-blend-multiply{mix-blend-mode:multiply}.cs-glass-sticky{position:sticky;top:0}.cs-glass-will-change{will-change:transform,backdrop-filter}.cs-glass-isolate{isolation:isolate}.cs-glass-bg-hover{background:var(--cs-glass-bg-hover)}.cs-glass-bg-light-hover{background:var(--cs-glass-bg-light-hover)}.cs-glass-focus-ring{outline:2px solid var(--cs-glass-focus-ring);outline-offset:2px}.cs-glass-card{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);background:var(--cs-glass-bg-light);border:1px solid var(--cs-glass-border-medium);border-radius:20px;box-shadow:var(--cs-glass-shadow-def);padding:2rem;transition:all var(--cs-glass-transition) ease;&:hover{background:var(--cs-glass-bg-hover);border:1px solid var(--cs-glass-border-strong);box-shadow:0 20px 40px var(--cs-glass-shadow-strong);transform:translateY(-2px)}&:focus-within{outline:2px solid var(--cs-glass-focus-ring);outline-offset:2px}}.cs-glass-card-light{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);background:var(--cs-glass-bg-medium);border:1px solid var(--cs-glass-border-strong);border-radius:20px;box-shadow:var(--cs-glass-shadow-def);padding:2rem;transition:all var(--cs-glass-transition) ease;&:hover{background:var(--cs-glass-bg-light-hover);box-shadow:0 12px 24px var(--cs-glass-shadow-strong);transform:translateY(-1px)}&:focus-within{outline:2px solid var(--cs-glass-focus-ring);outline-offset:2px}}.cs-card-feature-glass{backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);background:var(--cs-glass-bg-light);border:1px solid var(--cs-glass-border-medium);border-radius:20px;box-shadow:var(--cs-glass-shadow-def);display:grid;gap:1.5rem;grid-template-rows:auto auto 1fr;padding:2rem;position:relative;text-align:center;transition:all var(--cs-glass-transition) ease;&:hover{background:var(--cs-glass-bg-hover);box-shadow:0 20px 40px var(--cs-glass-shadow-strong);transform:translateY(-2px)}}.cs-card-product-glass{backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);background:var(--cs-glass-bg-light);border:1px solid var(--cs-glass-border-medium);border-radius:20px;box-shadow:var(--cs-glass-shadow-def);display:flex;flex-direction:column;max-width:20rem;overflow:hidden;position:relative;transition:all var(--cs-glass-transition) ease;&:hover{background:var(--cs-glass-bg-hover);box-shadow:0 20px 40px var(--cs-glass-shadow-strong);transform:translateY(-2px)}}.cs-card-pricing-glass{backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);background:var(--cs-glass-bg-light);border:2px solid var(--cs-glass-border-medium);border-radius:20px;box-shadow:var(--cs-glass-shadow-def);display:grid;grid-template-rows:auto 1fr auto;padding:2rem;position:relative;text-align:center;transition:all var(--cs-glass-transition) ease;&:hover{background:var(--cs-glass-bg-hover);border-color:var(--cs-glass-border-strong);box-shadow:0 25px 50px var(--cs-glass-shadow-xl);transform:translateY(-4px)}}.cs-glass-nav{background:var(--cs-glass-bg-light);border:1px solid var(--cs-glass-border-medium);border-radius:12px}.cs-glass-nav,.cs-glass-nav-light{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);box-shadow:var(--cs-glass-shadow-def);transition:all var(--cs-glass-transition) ease}.cs-glass-nav-light{background:var(--cs-glass-bg-medium);border:1px solid var(--cs-glass-border-strong);border-radius:12px}.cs-glass-button{background:var(--cs-glass-bg-light);border:1px solid var(--cs-glass-border-medium);border-radius:12px;cursor:pointer;min-height:2.5rem;min-width:2.5rem;padding:.75rem 1.5rem;transition:all var(--cs-glass-transition) ease;-webkit-tap-highlight-color:transparent;backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);&:hover{background:var(--cs-glass-bg-hover);box-shadow:0 8px 16px var(--cs-glass-shadow-medium);transform:translateY(-1px)}&:focus,&:focus-visible{outline:2px solid var(--cs-glass-focus-ring);outline-offset:2px}&:active{box-shadow:0 4px 8px var(--cs-glass-shadow-medium);transform:translateY(0)}}.cs-glass-toast{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);background:var(--cs-glass-bg-light);border:1px solid var(--cs-glass-border-medium);border-radius:.75rem;box-shadow:0 8px 32px var(--cs-glass-shadow-strong);overflow:hidden;padding:1rem 1.5rem;position:relative}.cs-glass-tooltip{backdrop-filter:var(--cs-glass-blur-sm);-webkit-backdrop-filter:var(--cs-glass-blur-sm);background:var(--cs-glass-tooltip-bg);border:1px solid var(--cs-glass-border-medium);border-radius:.5rem;box-shadow:0 4px 16px var(--cs-glass-shadow-xl);color:#fff;font-size:.875rem;padding:.5rem .75rem;white-space:nowrap;z-index:50}.cs-glass-dropdown{backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur);border:1px solid var(--cs-glass-border-medium);border-radius:.75rem;box-shadow:var(--cs-glass-shadow-def);min-width:12rem;padding:.5rem;z-index:50}.cs-form-glass,.cs-glass-dropdown{background:var(--cs-glass-bg-light)}.cs-form-glass{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--cs-glass-border-medium);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:2rem}.cs-input-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--cs-glass-bg-md);border:1px solid var(--cs-glass-border-strong);border-radius:.75rem;color:inherit;padding:.75rem 1rem;transition:all var(--cs-glass-transition) ease;&:focus{border-color:var(--cs-glass-focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-glass-focus-ring) 20%,transparent);outline:none}&::placeholder{color:hsla(0,0%,100%,.6)}}.cs-button-primary-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--cs-glass-bg-medium);border:1px solid var(--cs-glass-border-strong);border-radius:.75rem;color:inherit;cursor:pointer;font-weight:600;padding:.875rem 1.5rem;transition:all var(--cs-glass-transition) ease;&:hover{background:var(--cs-glass-bg-strong);transform:translateY(-1px)}&:focus{box-shadow:0 0 0 2px var(--cs-glass-focus-ring),0 0 0 4px color-mix(in srgb,var(--cs-glass-focus-ring) 20%,transparent);outline:2px solid transparent;outline-offset:2px}}.cs-glass-morph-in{animation:glassMorphIn .4s ease-out both}.cs-glass-morph-out{animation:glassMorphOut .3s ease-in both}@keyframes glassMorphIn{0%{backdrop-filter:blur(0);opacity:0;transform:scale(.95)}to{backdrop-filter:var(--cs-glass-blur);opacity:1;transform:scale(1)}}@keyframes glassMorphOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.cs-glass-3d-hover{transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;&:hover{box-shadow:0 24px 48px var(--cs-glass-shadow-xl);transform:rotateX(6deg) rotateY(-4deg) scale(1.02)}}.cs-glass-gloss-top{position:relative;&:before{background:linear-gradient(180deg,hsla(0,0%,100%,.4),transparent);border-top-left-radius:inherit;border-top-right-radius:inherit;content:"";height:20%;left:0;mix-blend-mode:soft-light;pointer-events:none;position:absolute;right:0;top:0;z-index:2}}.cs-glass-gloss-left{position:relative;&:before{background:linear-gradient(90deg,hsla(0,0%,100%,.35),transparent);bottom:0;content:"";left:0;mix-blend-mode:soft-light;pointer-events:none;position:absolute;top:0;width:15%;z-index:2}}.cs-glass-gloss-right{position:relative;&:before{background:linear-gradient(270deg,hsla(0,0%,100%,.35),transparent);bottom:0;content:"";mix-blend-mode:soft-light;pointer-events:none;position:absolute;right:0;top:0;width:15%;z-index:2}}.cs-glass-theme-neon{--cs-glass-bg-light:rgba(58,227,255,.1);--cs-glass-border-medium:rgba(58,227,255,.25);--cs-glass-shadow-def:0 8px 32px rgba(58,227,255,.25);--cs-glass-focus-ring:rgba(58,227,255,.6)}.cs-glass-theme-carbon{--cs-glass-bg-light:rgba(30,30,30,.25);--cs-glass-border-medium:hsla(0,0%,100%,.08);--cs-glass-shadow-def:0 8px 32px rgba(0,0,0,.4);--cs-glass-focus-ring:hsla(0,0%,100%,.3)}.cs-glass-theme-pastel{--cs-glass-bg-light:rgba(255,230,250,.12);--cs-glass-border-medium:rgba(255,230,250,.25);--cs-glass-shadow-def:0 8px 32px rgba(255,230,250,.25);--cs-glass-focus-ring:rgba(255,230,250,.6)}.cs-glass-responsive{backdrop-filter:var(--cs-glass-blur-sm);-webkit-backdrop-filter:var(--cs-glass-blur-sm);background:var(--cs-glass-bg-light);background-clip:padding-box;border:1px solid var(--cs-glass-border-medium);@container (min-width: 320px){backdrop-filter:var(--cs-glass-blur-sm);-webkit-backdrop-filter:var(--cs-glass-blur-sm)}@container (min-width: 640px){backdrop-filter:var(--cs-glass-blur);-webkit-backdrop-filter:var(--cs-glass-blur)}@container (min-width: 1024px){backdrop-filter:var(--cs-glass-blur-lg);-webkit-backdrop-filter:var(--cs-glass-blur-lg)}}.cs-glass-backdrop-clip{background-clip:padding-box}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.cs-glass,.cs-glass-button,.cs-glass-card,.cs-glass-card-light,.cs-glass-dropdown,.cs-glass-nav,.cs-glass-nav-light,.cs-glass-toast,.cs-glass-tooltip{background:var(--cs-glass-bg-fallback);box-shadow:0 4px 16px var(--cs-glass-shadow-medium)}.cs-glass-dark{background:var(--cs-glass-bg-dark-fallback)}.cs-glass-blue{background:var(--cs-glass-bg-blue-fallback)}.cs-glass-purple{background:var(--cs-glass-bg-purple-fallback)}.cs-glass-green{background:var(--cs-glass-bg-green-fallback)}.cs-glass-pink{background:var(--cs-glass-bg-pink-fallback)}.cs-glass-amber{background:var(--cs-glass-bg-amber-fallback)}.cs-card-feature-glass,.cs-card-pricing-glass,.cs-card-product-glass{background:hsla(0,0%,100%,.4)}}@media (prefers-contrast:high){.cs-glass,.cs-glass-button,.cs-glass-card,.cs-glass-nav{background:var(--cs-glass-bg-contrast);border-width:2px}.cs-glass-dark{background:var(--cs-glass-bg-dark-contrast);border-color:var(--cs-glass-border-strong)}}@media (forced-colors:active){.cs-glass,.cs-glass-button,.cs-glass-card,.cs-glass-nav{background:Canvas;border-color:CanvasText;box-shadow:none}.cs-glass-tooltip{background:CanvasText;border-color:CanvasText;box-shadow:none;color:Canvas}}@media (max-width:480px){:root{--cs-glass-blur:var(--cs-glass-blur-sm)}}@media (prefers-reduced-motion:reduce){.cs-glass-3d-hover,.cs-glass-morph-in,.cs-glass-morph-out{animation:none!important;transform:none!important}}
/*!
 * tailwindcss-orbs - Plain CSS Distribution
 * Version: 0.9.0
 * 
 * This version can be used WITHOUT Tailwind CSS.
 * All @utility directives converted to standard CSS classes.
 */

/*!
 * Casoon Orbs - Tailwind v4 Directive Definitions
 * Version: 0.8.5 — For processing by Tailwind in consumer projects
 * 
 * Usage: 
 */:root{--cs-text:#0f172a;--cs-text-inverse:#fff;--cs-bg:#fff;--cs-surface:#fff;--cs-surface-2:#f8fafc;--cs-border:#e5e7eb;--cs-orb-blue:#3b82f6;--cs-orb-blue-light:#93c5fd;--cs-orb-blue-lighter:#dbeafe;--cs-orb-purple:#9333ea;--cs-orb-purple-light:#c4b5fd;--cs-orb-purple-lighter:#ede9fe;--cs-orb-pink:#ec4899;--cs-orb-pink-light:#fbcfe8;--cs-orb-pink-lighter:#fdf2f8;--cs-orb-custom-primary:#667eea;--cs-orb-custom-secondary:#764ba2;--cs-orb-custom-accent:#f093fb;--cs-opacity-strong:0.5;--cs-opacity-medium:0.3;--cs-opacity-weak:0.1;--cs-transition:180ms cubic-bezier(.2,.8,.2,1);--cs-anim-ease-inout:cubic-bezier(.4,0,.2,1);--cs-anim-ease-emph:cubic-bezier(.2,.8,.2,1);--cs-anim-duration-float:6s;--cs-anim-duration-pulse:4s;--cs-anim-duration-drift:8s;--cs-shadow-0:none;--cs-shadow-1:0 1px 2px rgba(2,6,23,.06),0 1px 1px rgba(2,6,23,.04);--cs-shadow-2:0 2px 6px rgba(2,6,23,.08),0 1px 2px rgba(2,6,23,.06);--cs-shadow-3:0 8px 24px rgba(2,6,23,.1),0 2px 6px rgba(2,6,23,.06);--cs-shadow-4:0 16px 40px rgba(2,6,23,.12),0 4px 10px rgba(2,6,23,.08);--cs-z-tooltip:60;--cs-z-dropdown:70;--cs-z-toast:80;--cs-z-modal:90;--cs-z-orb:10;--cs-orb-fallback-blue:radial-gradient(circle,rgba(59,130,246,var(--cs-opacity-strong)) 0%,rgba(147,197,253,var(--cs-opacity-medium)) 50%,rgba(219,234,254,var(--cs-opacity-weak)) 100%);--cs-orb-fallback-purple:radial-gradient(circle,rgba(147,51,234,var(--cs-opacity-strong)) 0%,rgba(196,181,253,var(--cs-opacity-medium)) 50%,rgba(237,233,254,var(--cs-opacity-weak)) 100%);--cs-orb-fallback-pink:radial-gradient(circle,rgba(236,72,153,var(--cs-opacity-strong)) 0%,rgba(251,207,232,var(--cs-opacity-medium)) 50%,rgba(253,242,248,var(--cs-opacity-weak)) 100%);--cs-orb-fallback-custom:radial-gradient(circle,rgba(102,126,234,var(--cs-opacity-strong)) 0%,rgba(118,75,162,var(--cs-opacity-medium)) 50%,rgba(240,147,251,var(--cs-opacity-weak)) 100%);--cs-orb-gradient-blue:radial-gradient(circle,color-mix(in srgb,var(--cs-orb-blue) calc(var(--cs-opacity-strong)*100%),transparent) 0%,color-mix(in srgb,var(--cs-orb-blue-light) calc(var(--cs-opacity-medium)*100%),transparent) 50%,color-mix(in srgb,var(--cs-orb-blue-lighter) calc(var(--cs-opacity-weak)*100%),transparent) 100%);--cs-orb-gradient-purple:radial-gradient(circle,color-mix(in srgb,var(--cs-orb-purple) calc(var(--cs-opacity-strong)*100%),transparent) 0%,color-mix(in srgb,var(--cs-orb-purple-light) calc(var(--cs-opacity-medium)*100%),transparent) 50%,color-mix(in srgb,var(--cs-orb-purple-lighter) calc(var(--cs-opacity-weak)*100%),transparent) 100%);--cs-orb-gradient-pink:radial-gradient(circle,color-mix(in srgb,var(--cs-orb-pink) calc(var(--cs-opacity-strong)*100%),transparent) 0%,color-mix(in srgb,var(--cs-orb-pink-light) calc(var(--cs-opacity-medium)*100%),transparent) 50%,color-mix(in srgb,var(--cs-orb-pink-lighter) calc(var(--cs-opacity-weak)*100%),transparent) 100%);--cs-orb-gradient-custom:radial-gradient(circle,color-mix(in srgb,var(--cs-orb-custom-primary) calc(var(--cs-opacity-strong)*100%),transparent) 0%,color-mix(in srgb,var(--cs-orb-custom-secondary) calc(var(--cs-opacity-medium)*100%),transparent) 50%,color-mix(in srgb,var(--cs-orb-custom-accent) calc(var(--cs-opacity-weak)*100%),transparent) 100%)}.cs-orb{border-radius:50%;filter:blur(1px);opacity:.7;pointer-events:none;position:relative;z-index:var(--cs-z-orb);&[data-size~=responsive]{@container (min-width: 480px){height:120px;width:120px}@container (min-width: 768px){height:180px;width:180px}@container (min-width: 1024px){height:240px;width:240px}}}.cs-orb-xs{height:50px;width:50px}.cs-orb-sm{height:75px;width:75px}.cs-orb-md{height:100px;width:100px}.cs-orb-lg{height:150px;width:150px}.cs-orb-xl{height:200px;width:200px}.cs-orb-2xl{height:300px;width:300px}.cs-orb-3xl{height:400px;width:400px}.cs-orb-4xl{height:500px;width:500px}.cs-orb-5xl{height:600px;width:600px}.cs-orb-massive{height:800px;width:800px}.cs-orb-blur-none{filter:blur(0)}.cs-orb-blur-sm{filter:blur(2px)}.cs-orb-blur-md{filter:blur(4px)}.cs-orb-blur-lg{filter:blur(8px)}.cs-orb-absolute{position:absolute}.cs-orb-fixed{position:fixed}.cs-orb-gradient-blue{background:var(--cs-orb-fallback-blue);@supports (background:color-mix(in srgb,red 50%,transparent)){background:var(--cs-orb-gradient-blue)}}.cs-orb-gradient-purple{background:var(--cs-orb-fallback-purple);@supports (background:color-mix(in srgb,red 50%,transparent)){background:var(--cs-orb-gradient-purple)}}.cs-orb-gradient-pink{background:var(--cs-orb-fallback-pink);@supports (background:color-mix(in srgb,red 50%,transparent)){background:var(--cs-orb-gradient-pink)}}.cs-orb-gradient-custom{background:var(--cs-orb-fallback-custom);@supports (background:color-mix(in srgb,red 50%,transparent)){background:var(--cs-orb-gradient-custom)}}.cs-cq{container-type:inline-size}.cs-orb-float{animation:cs-orb-float-kf var(--cs-anim-duration-float) var(--cs-anim-ease-inout) infinite}.cs-orb-pulse{animation:cs-orb-pulse-kf var(--cs-anim-duration-pulse) var(--cs-anim-ease-inout) infinite}.cs-orb-drift{animation:cs-orb-drift-kf var(--cs-anim-duration-drift) var(--cs-anim-ease-inout) infinite}.cs-orb-morph{animation:cs-orb-morph 12s ease-in-out infinite}.cs-orb-shimmer{animation:cs-orb-shimmer 10s infinite;background:linear-gradient(270deg,var(--cs-orb-blue),var(--cs-orb-blue-light),var(--cs-orb-blue));background-size:600% 600%}.cs-orb-bloom{&:focus-visible,&:hover{animation:cs-orb-bloom 2s ease-in-out infinite;transform-origin:50%}}.cs-orb-zen{animation:cs-orb-float-kf var(--cs-anim-duration-float) var(--cs-anim-ease-inout) infinite,cs-orb-morph 14s ease-in-out infinite}.cs-orb-orbit{animation:cs-orb-orbit 20s linear infinite}.cs-orb-orbit-reverse{animation:cs-orb-orbit 20s linear infinite reverse}.cs-orb-figure-8{animation:cs-orb-figure-8 16s ease-in-out infinite}.cs-orb-wander{animation:cs-orb-wander 25s ease-in-out infinite}.cs-orb-swing{animation:cs-orb-swing 8s ease-in-out infinite}.cs-orb-bounce{animation:cs-orb-bounce 3s ease-in-out infinite}.cs-orb-magnetic{animation:cs-orb-magnetic 12s ease-in-out infinite}.cs-orb-hue-shift{animation:cs-orb-hue-shift 10s linear infinite}.cs-orb-rainbow{animation:cs-orb-rainbow 8s infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#f9ca24,#f0932b,#eb4d4b,#6c5ce7) 0 0/400% 400%}.cs-orb-color-pulse{animation:cs-orb-color-pulse 4s ease-in-out infinite}.cs-orb-color-breathe{animation:cs-orb-color-breathe 6s ease-in-out infinite}.cs-orb-glow{animation:cs-orb-glow 3s ease-in-out infinite}.cs-orb-flicker{animation:cs-orb-flicker 2s ease-in-out infinite}.cs-orb-scale-pulse{animation:cs-orb-scale-pulse 4s ease-in-out infinite}.cs-orb-elastic{animation:cs-orb-elastic 3s cubic-bezier(.68,-.55,.265,1.55) infinite}.cs-orb-dream{animation:cs-orb-float-kf 12s ease-in-out infinite,cs-orb-hue-shift 15s linear infinite,cs-orb-scale-pulse 8s ease-in-out infinite}.cs-orb-cosmic{animation:cs-orb-orbit 30s linear infinite,cs-orb-rainbow 10s infinite,cs-orb-glow 4s ease-in-out infinite}.cs-orb-chaos{animation:cs-orb-wander 20s ease-in-out infinite,cs-orb-flicker 1.5s ease-in-out infinite,cs-orb-elastic 5s cubic-bezier(.68,-.55,.265,1.55) infinite}.cs-orb-slow{animation-duration:calc(var(--cs-orb-speed, 1)*2)}.cs-orb-fast{animation-duration:calc(var(--cs-orb-speed, 1)*.5)}.cs-orb-pause-hover{&:hover{animation-play-state:paused}}.cs-orb-reverse-hover{&:hover{animation-direction:reverse}}.cs-orb-trigger-hover{animation-play-state:paused;&:hover{animation-play-state:running}}.cs-glow{box-shadow:0 0 transparent}.cs-glow-blue{box-shadow:0 0 24px 8px var(--cs-orb-blue);@supports (color:color-mix(in lab,red,red)){box-shadow:0 0 24px 8px color-mix(in srgb,var(--cs-orb-blue) 35%,transparent)}@supports not (color:color-mix(in srgb,red 50%,white)){box-shadow:0 0 24px 8px rgba(59,130,246,.35)}}.cs-glow-pink{box-shadow:0 0 24px 8px var(--cs-orb-pink);@supports (color:color-mix(in lab,red,red)){box-shadow:0 0 24px 8px color-mix(in srgb,var(--cs-orb-pink) 35%,transparent)}@supports not (color:color-mix(in srgb,red 50%,white)){box-shadow:0 0 24px 8px rgba(236,72,153,.35)}}.cs-will-transform{will-change:transform}.cs-card{background:var(--cs-surface,#14161a);border:1px solid var(--cs-border);border-radius:calc(12px*var(--cs-density));box-shadow:var(--cs-shadow-2);padding:calc(16px*var(--cs-density));position:relative;transition:box-shadow var(--cs-transition),transform var(--cs-transition);&:hover{box-shadow:var(--cs-shadow-3);transform:translateY(-1px)}}.cs-card-title{color:var(--cs-text,#eef1f6);font-weight:600;margin-bottom:.5em}.cs-card-hover-orb{overflow:hidden;position:relative;&:before{background:var(--cs-orb-fallback-blue);content:"";filter:blur(32px);height:200%;left:-25%;opacity:0;pointer-events:none;position:absolute;top:-25%;transition:opacity .5s;width:200%;z-index:0}&:hover:before{opacity:.6}}.cs-card-hover-orb-shimmer{&:before{animation:cs-orb-shimmer 6s linear infinite;background:linear-gradient(135deg,#3b82f6,#93c5fd,#3b82f6) 0 0/300% 300%}}.cs-surface-pop{background:var(--cs-surface,#14161a);border:1px solid var(--cs-border);border-radius:12px;box-shadow:var(--cs-shadow-4)}.cs-acrylic{backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);background:var(--cs-surface,#14161a);border:1px solid var(--cs-border);@supports (color:color-mix(in lab,red,red)){background:color-mix(in srgb,var(--cs-surface,#14161a) 70%,transparent);border-bottom-color:color-mix(in srgb,var(--cs-border) 70%,transparent);border-bottom-style:solid;border-bottom-width:1px;border-left-color:color-mix(in srgb,var(--cs-border) 70%,transparent);border-left-style:solid;border-left-width:1px;border-right-color:color-mix(in srgb,var(--cs-border) 70%,transparent);border-right-style:solid;border-right-width:1px;border-top-color:color-mix(in srgb,var(--cs-border) 70%,transparent);border-top-style:solid;border-top-width:1px}@supports not (backdrop-filter:blur(10px)){background:hsla(0,0%,100%,.75)}}.cs-btn{--_pad-y:calc(8px*var(--cs-density));--_pad-x:calc(14px*var(--cs-density));align-items:center;background:var(--cs-surface,#14161a);border:1px solid var(--cs-border);border-radius:calc(10px*var(--cs-density));box-shadow:var(--cs-shadow-1);color:var(--cs-text,#eef1f6);display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;line-height:1.2;padding:var(--_pad-y) var(--_pad-x);transition:background var(--cs-transition),box-shadow var(--cs-transition),transform var(--cs-transition);&:hover{box-shadow:var(--cs-shadow-2);transform:translateY(-1px)}&:active{transform:translateY(0)}}.cs-btn-primary{background:var(--cs-orb-blue);border-color:var(--cs-orb-blue);color:var(--cs-text,#eef1f6);@supports (color:color-mix(in lab,red,red)){background:color-mix(in srgb,var(--cs-orb-blue) 12%,var(--cs-surface,#14161a));border-color:color-mix(in srgb,var(--cs-orb-blue) 35%,var(--cs-border))}@supports not (color:color-mix(in srgb,red 50%,white)){background:#eef5ff;border-bottom-color:#b8d1ff;border-left-color:#b8d1ff;border-right-color:#b8d1ff;border-top-color:#b8d1ff}}.cs-btn-orb{overflow:hidden;position:relative;z-index:1;&:after{background:radial-gradient(circle at center,var(--cs-orb-blue-light),transparent 70%);content:"";inset:-50%;opacity:0;position:absolute;transform:scale(.5);transition:opacity .4s,transform .4s;z-index:0}&:hover:after{opacity:.4;transform:scale(1.2)}}.cs-section-orb{overflow:clip;position:relative;&>.cs-orb{inset:auto;position:absolute}}.cs-orb-modal-backdrop{background:var(--cs-orb-fallback-purple);filter:blur(60px);inset:0;opacity:.4;pointer-events:none;position:absolute;z-index:var(--cs-z-modal)}@keyframes cs-orb-float-kf{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes cs-orb-pulse-kf{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes cs-orb-drift-kf{0%{transform:translate(0)}33%{transform:translate(30px)}66%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes cs-orb-morph{0%{border-radius:50%}25%{border-radius:55% 45% 60% 40%/60% 40% 55% 45%}50%{border-radius:50% 50% 60% 40%/40% 60% 50% 50%}75%{border-radius:45% 55% 50% 50%/50% 50% 45% 55%}to{border-radius:50%}}@keyframes cs-orb-bloom{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes cs-orb-shimmer{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes cs-orb-orbit{0%{transform:rotate(0deg) translate(100px) rotate(0deg)}to{transform:rotate(1turn) translate(100px) rotate(-1turn)}}@keyframes cs-orb-figure-8{0%{transform:translate(0)}12.5%{transform:translate(30px,-15px)}25%{transform:translate(40px)}37.5%{transform:translate(30px,15px)}50%{transform:translate(0)}62.5%{transform:translate(-30px,15px)}75%{transform:translate(-40px)}87.5%{transform:translate(-30px,-15px)}to{transform:translate(0)}}@keyframes cs-orb-wander{0%{transform:translate(0)}10%{transform:translate(25px,-30px)}20%{transform:translate(-15px,-45px)}30%{transform:translate(40px,-20px)}40%{transform:translate(10px,35px)}50%{transform:translate(-35px,15px)}60%{transform:translate(-20px,-25px)}70%{transform:translate(30px,40px)}80%{transform:translate(-40px,-10px)}90%{transform:translate(20px,-35px)}to{transform:translate(0)}}@keyframes cs-orb-swing{0%,to{transform:rotate(-15deg) translate(0)}50%{transform:rotate(15deg) translate(0)}}@keyframes cs-orb-bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-30px)}70%{transform:translateY(-15px)}90%{transform:translateY(-4px)}}@keyframes cs-orb-magnetic{0%{transform:translate(0)}25%{transform:translate(50px,20px) scale(1.1)}50%{transform:translate(-30px,-40px) scale(.9)}75%{transform:translate(-50px,30px) scale(1.05)}to{transform:translate(0)}}@keyframes cs-orb-hue-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes cs-orb-rainbow{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}@keyframes cs-orb-color-pulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.3) saturate(1.5)}}@keyframes cs-orb-color-breathe{0%,to{filter:brightness(.8) contrast(1.1);opacity:.7}50%{filter:brightness(1.2) contrast(1.3);opacity:1}}@keyframes cs-orb-glow{0%,to{box-shadow:0 0 20px rgba(79,124,255,.3)}50%{box-shadow:0 0 40px rgba(79,124,255,.8),0 0 80px rgba(79,124,255,.4)}}@keyframes cs-orb-flicker{0%,to{opacity:.7}10%{opacity:.9}20%{opacity:.5}30%{opacity:1}40%{opacity:.6}50%{opacity:.8}60%{opacity:.4}70%{opacity:.9}80%{opacity:.7}90%{opacity:1}}@keyframes cs-orb-scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes cs-orb-elastic{0%,to{transform:scale(1)}25%{transform:scale(1.1,.9)}50%{transform:scale(.9,1.1)}75%{transform:scale(1.05,.95)}}@media (prefers-reduced-motion:reduce){.cs-btn-orb:after,.cs-card-hover-orb:before,.cs-orb-bloom,.cs-orb-drift,.cs-orb-float,.cs-orb-morph,.cs-orb-pulse,.cs-orb-shimmer,.cs-orb-zen{animation:none!important;transition:none!important}}@media (prefers-contrast:more){.cs-orb{filter:none;opacity:.9}.cs-btn,.cs-card{box-shadow:var(--cs-shadow-1)}}@media (forced-colors:active){.cs-orb{background:CanvasText;opacity:.15}.cs-btn{border:1px solid ButtonText}}@media (max-width:480px){.cs-orb:is(.cs-orb-blur-lg,.cs-orb-blur-md){filter:blur(2px)}.cs-orb-float{animation-duration:calc(var(--cs-anim-duration-float)*1.25)}}.cs-btn:focus-visible,.cs-card:focus-visible,.cs-focus-ring:focus-visible{outline:2px solid var(--cs-orb-blue);outline-offset:2px;@supports (color:color-mix(in lab,red,red)){outline:2px solid color-mix(in srgb,var(--cs-orb-blue) 60%,transparent)}@supports not (color:color-mix(in srgb,red 50%,white)){outline:2px solid #3b82f6}}@media print{.cs-orb{filter:none!important;opacity:.15!important}.cs-btn,.cs-card,.cs-surface-pop{border:1px solid #000!important;box-shadow:none!important}}.cs-orb-scene-galaxy{overflow:hidden;position:relative}.cs-orb-scene-galaxy:after,.cs-orb-scene-galaxy:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:var(--cs-z-orb)}.cs-orb-scene-galaxy:before{animation:cs-orb-float-kf 8s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,var(--cs-orb-purple) 40%,transparent) 0,color-mix(in srgb,var(--cs-orb-blue) 25%,transparent) 40%,color-mix(in srgb,var(--cs-orb-pink) 15%,transparent) 70%,transparent 100%);filter:blur(60px);height:300px;right:-150px;top:-150px;width:300px}.cs-orb-scene-galaxy:after{animation:cs-orb-pulse-kf 6s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,var(--cs-orb-blue) 35%,transparent) 0,color-mix(in srgb,var(--cs-orb-purple) 20%,transparent) 50%,transparent 100%);bottom:-100px;filter:blur(40px);height:200px;left:-100px;width:200px}.cs-orb-scene-underwater{background:linear-gradient(135deg,color-mix(in srgb,var(--cs-orb-blue) 8%,var(--cs-bg)) 0,color-mix(in srgb,var(--cs-orb-blue-light) 5%,var(--cs-bg)) 100%);overflow:hidden;position:relative}.cs-orb-scene-underwater:after,.cs-orb-scene-underwater:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:var(--cs-z-orb)}.cs-orb-scene-underwater:before{animation:cs-orb-drift-kf 12s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,#00bcd4 30%,transparent) 0,color-mix(in srgb,#4dd0e1 20%,transparent) 40%,color-mix(in srgb,#80deea 10%,transparent) 70%,transparent 100%);filter:blur(80px);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}.cs-orb-scene-underwater:after{animation:cs-orb-wander 15s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,#b2ebf2 25%,transparent) 0,color-mix(in srgb,#e0f2f1 15%,transparent) 60%,transparent 100%);filter:blur(20px);height:150px;right:20%;top:20%;width:150px}.cs-orb-scene-aurora{background:linear-gradient(45deg,color-mix(in srgb,#1a237e 15%,var(--cs-bg)) 0,color-mix(in srgb,#283593 10%,var(--cs-bg)) 50%,color-mix(in srgb,#1a237e 15%,var(--cs-bg)) 100%);overflow:hidden;position:relative}.cs-orb-scene-aurora:before{animation:cs-aurora-wave 20s ease-in-out infinite;background:linear-gradient(180deg,color-mix(in srgb,#4fc3f7 20%,transparent),color-mix(in srgb,#81c784 15%,transparent) 30%,color-mix(in srgb,#ffb74d 10%,transparent) 60%,transparent);content:"";filter:blur(60px);height:60%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:var(--cs-z-orb)}@keyframes cs-aurora-wave{0%,to{opacity:.6;transform:translateY(0) scaleY(1)}25%{opacity:.8;transform:translateY(-20px) scaleY(1.1)}50%{opacity:.7;transform:translateY(-10px) scaleY(.9)}75%{opacity:.9;transform:translateY(-30px) scaleY(1.2)}}.cs-orb-scene-nebula{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--cs-orb-purple) 12%,var(--cs-bg)) 0,color-mix(in srgb,var(--cs-orb-pink) 8%,var(--cs-bg)) 40%,var(--cs-bg) 100%);overflow:hidden;position:relative}.cs-orb-scene-nebula:after,.cs-orb-scene-nebula:before{content:"";pointer-events:none;position:absolute;z-index:var(--cs-z-orb)}.cs-orb-scene-nebula:before{animation:cs-orb-morph 25s ease-in-out infinite,cs-orb-drift-kf 30s ease-in-out infinite;background:linear-gradient(45deg,color-mix(in srgb,var(--cs-orb-purple) 25%,transparent) 0,color-mix(in srgb,var(--cs-orb-pink) 20%,transparent) 30%,color-mix(in srgb,var(--cs-orb-custom-primary) 15%,transparent) 60%,transparent 100%);border-radius:60% 40% 70% 30%/50% 60% 40% 50%;filter:blur(100px);height:300px;left:20%;top:10%;width:500px}.cs-orb-scene-nebula:after{animation:cs-orb-shimmer 18s ease-in-out infinite;background:radial-gradient(ellipse,color-mix(in srgb,var(--cs-orb-blue) 20%,transparent) 0,color-mix(in srgb,var(--cs-orb-purple-light) 15%,transparent) 50%,transparent 100%);border-radius:50%;bottom:20%;filter:blur(60px);height:250px;right:15%;width:250px}.cs-orb-scene-forest{background:linear-gradient(135deg,color-mix(in srgb,#2e7d32 8%,var(--cs-bg)) 0,color-mix(in srgb,#388e3c 6%,var(--cs-bg)) 50%,color-mix(in srgb,#1b5e20 10%,var(--cs-bg)) 100%);overflow:hidden;position:relative}.cs-orb-scene-forest:after,.cs-orb-scene-forest:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:var(--cs-z-orb)}.cs-orb-scene-forest:before{animation:cs-forest-light 15s ease-in-out infinite;background:linear-gradient(0deg,transparent,color-mix(in srgb,#ffeb3b 15%,transparent) 20%,color-mix(in srgb,#ffc107 20%,transparent) 50%,color-mix(in srgb,#ff9800 10%,transparent) 80%,transparent);border-radius:50% 50% 80% 20%/60% 40% 60% 40%;filter:blur(40px);height:400px;right:30%;top:-100px;transform:rotate(15deg);width:200px}.cs-orb-scene-forest:after{animation:cs-orb-flicker 3s ease-in-out infinite,cs-orb-wander 20s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,#76ff03 30%,transparent) 0,color-mix(in srgb,#8bc34a 20%,transparent) 40%,color-mix(in srgb,#4caf50 10%,transparent) 70%,transparent 100%);bottom:30%;filter:blur(20px);height:100px;left:25%;width:100px}@keyframes cs-forest-light{0%,to{opacity:.3;transform:rotate(15deg) translateY(0)}25%{opacity:.6;transform:rotate(12deg) translateY(-10px)}50%{opacity:.4;transform:rotate(18deg) translateY(-5px)}75%{opacity:.7;transform:rotate(10deg) translateY(-15px)}}.cs-orb-scene-sunset{background:linear-gradient(45deg,color-mix(in srgb,#ff6f00 12%,var(--cs-bg)) 0,color-mix(in srgb,#ff8f00 8%,var(--cs-bg)) 30%,color-mix(in srgb,#ffc107 6%,var(--cs-bg)) 70%,var(--cs-bg) 100%);overflow:hidden;position:relative}.cs-orb-scene-sunset:after,.cs-orb-scene-sunset:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:var(--cs-z-orb)}.cs-orb-scene-sunset:before{animation:cs-orb-color-breathe 8s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,#ffeb3b 35%,transparent) 0,color-mix(in srgb,#ff9800 25%,transparent) 30%,color-mix(in srgb,#ff5722 15%,transparent) 60%,transparent 100%);filter:blur(80px);height:350px;left:70%;top:-175px;width:350px}.cs-orb-scene-sunset:after{animation:cs-orb-drift-kf 12s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in srgb,#ffab40 20%,transparent),color-mix(in srgb,#ff7043 15%,transparent) 50%,transparent);border-radius:60% 40% 70% 30%/50% 60% 40% 50%;bottom:20%;filter:blur(60px);height:150px;left:10%;width:250px}@container (max-width: 768px){.cs-orb-scene-galaxy:before{filter:blur(40px);height:200px;width:200px}.cs-orb-scene-galaxy:after{filter:blur(30px);height:150px;width:150px}.cs-orb-scene-underwater:before{filter:blur(50px);height:250px;width:250px}.cs-orb-scene-nebula:before{filter:blur(60px);height:200px;width:300px}}@media (prefers-reduced-motion:reduce){.cs-orb-scene-aurora:before,.cs-orb-scene-forest:after,.cs-orb-scene-forest:before,.cs-orb-scene-galaxy:after,.cs-orb-scene-galaxy:before,.cs-orb-scene-nebula:after,.cs-orb-scene-nebula:before,.cs-orb-scene-sunset:after,.cs-orb-scene-sunset:before,.cs-orb-scene-underwater:after,.cs-orb-scene-underwater:before{animation:none!important}}
/*!
 * tailwindcss-core - Plain CSS Distribution
 * Version: 0.9.0
 * 
 * This version can be used WITHOUT Tailwind CSS.
 * All @utility directives converted to standard CSS classes.
 */

/*!
 * Casoon Core - Tailwind v4 Complete Foundation Package
 * Version: 0.9.0 — Modular Architecture
 * 
 * Ultra-complete foundation with 7 integrated systems:
 * - Core Utilities, Forms, Cards & Components
 * - Navigation System (navbar, tabs, breadcrumbs, drawer)
 * - Scroll System (custom scrollbars, snap, reveal animations)
 * - Gradients System (dynamic backgrounds & effects)
 * - Loading System (spinners, skeleton, progress indicators)
 * - Micro Interactions (hover effects, animations)
 * - Typography System (prose, blog, marketing, docs styles)
 * 
 * Total: 145+ classes, optimized for production
 * 
 * Usage: 
 */
/*!
 * Design Tokens - Complete Design System Foundation
 * Core color, spacing, typography, and motion tokens
 */:root{--cs-bg:#0b0c0f;--cs-surface:#14161a;--cs-elev1:#1b1e24;--cs-elev2:#21252d;--cs-text:#eef1f6;--cs-text-muted:#b6bfcc;--cs-border:#2a2f39;--cs-brand:#4f7cff;--cs-brand-contrast:#0b0d12;--cs-success:#22c55e;--cs-warning:#f59e0b;--cs-danger:#ef4444;--cs-info:#06b6d4;--cs-font-sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;--cs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--cs-font-size:16px;--cs-line:1.5;--cs-density:1;--cs-space-1:calc(4px*var(--cs-density));--cs-space-2:calc(8px*var(--cs-density));--cs-space-3:calc(12px*var(--cs-density));--cs-space-4:calc(16px*var(--cs-density));--cs-space-6:calc(24px*var(--cs-density));--cs-space-8:calc(32px*var(--cs-density));--cs-radius:10px;--cs-shadow-1:0 1px 2px rgba(0,0,0,.25),0 1px 1px rgba(0,0,0,.1);--cs-shadow-2:0 8px 24px rgba(0,0,0,.22),0 2px 8px rgba(0,0,0,.18);--cs-transition:180ms cubic-bezier(0.2,0.6,0.2,1);--cs-anim-duration-sm:160ms;--cs-anim-duration-md:280ms;--cs-anim-duration-lg:420ms;--cs-anim-ease-out:cubic-bezier(0.16,1,0.3,1);--cs-anim-ease-in:cubic-bezier(0.32,0,0.67,0);--cs-anim-ease-in-out:cubic-bezier(0.65,0,0.35,1);--cs-z-0:0;--cs-z-1:1;--cs-z-base:1;--cs-z-10:10;--cs-z-20:20;--cs-z-30:30;--cs-z-popover:30;--cs-z-40:40;--cs-z-tooltip:40;--cs-z-50:50;--cs-z-toast:50;--cs-z-60:60;--cs-z-modal:60;--cs-z-70:70;--cs-z-80:80;--cs-z-90:90;--cs-z-100:100;--cs-z-200:200;--cs-z-300:300;--cs-z-400:400;--cs-z-500:500;--cs-z-600:600;--cs-z-700:700;--cs-z-800:800;--cs-z-900:900;--cs-z-999:999;--cs-z-high:9999;--cs-z-9999:9999;--cs-z-max:2147483647;--cs-z-drawer:1000;--cs-z-dropdown:1000;--cs-z-fixed:1030;--cs-z-nav:1020;--cs-z-nav-overlay:1010;--cs-z-orb:5;--cs-z-overlay:1040;--cs-z-sticky:1020;--cs-page-max:1200px;--cs-page-pad:var(--cs-space-4);--cs-acrylic-blur:14px;--cs-acrylic-tint:rgba(20,22,26,.55);--cs-acrylic-border:hsla(0,0%,100%,.06);--cs-brand-oklch:oklch(60% 0.15 255);--cs-brand-ink:var(--cs-brand,#4f7cff);--cs-fs-xs:clamp(0.78rem,0.75rem + 0.2cqi,0.84rem);--cs-fs-sm:clamp(0.88rem,0.82rem + 0.3cqi,0.95rem);--cs-fs-md:clamp(1rem,0.95rem + 0.4cqi,1.125rem);--cs-fs-lg:clamp(1.25rem,1.05rem + 0.8cqi,1.5rem);--cs-fs-xl:clamp(1.5rem,1.2rem + 1.2cqi,1.875rem);--cs-fs-2xl:clamp(1.875rem,1.4rem + 1.6cqi,2.25rem);--cs-form-bg:var(--cs-surface,#14161a);--cs-form-border:var(--cs-border);--cs-form-radius:var(--cs-radius);--cs-form-shadow:var(--cs-shadow-1);--cs-form-focus:var(--cs-brand,#4f7cff);--cs-prose-headings:var(--cs-text,#eef1f6);--cs-prose-body:var(--cs-text,#eef1f6);--cs-prose-links:var(--cs-brand,#4f7cff);--cs-prose-bold:var(--cs-text,#eef1f6);--cs-prose-quotes:var(--cs-text,#eef1f6);--cs-prose-captions:var(--cs-text,#eef1f6);--cs-gradient-primary:linear-gradient(135deg,var(--cs-brand,#4f7cff),rgba(79,124,255,.8)));--cs-gradient-success:linear-gradient(135deg,var(--cs-success),color-mix(in srgb,var(--cs-success) 70%,var(--cs-info)));--cs-gradient-warning:linear-gradient(135deg,var(--cs-warning),color-mix(in srgb,var(--cs-warning) 80%,var(--cs-danger)));--cs-gradient-sunset:linear-gradient(135deg,#ff9a9e,#fecfef,#fecfef);--cs-gradient-ocean:linear-gradient(135deg,#667eea,#764ba2);--cs-gradient-forest:linear-gradient(135deg,#11998e,#38ef7d);--cs-gradient-sunset-start:#ff6b6b;--cs-gradient-sunset-mid:#ffd93d;--cs-gradient-sunset-end:#6bcf7f;--cs-gradient-ocean-start:#667eea;--cs-gradient-ocean-end:#764ba2;--cs-gradient-fire-start:#f093fb;--cs-gradient-fire-end:#f5576c;--cs-gradient-mint-start:#4facfe;--cs-gradient-mint-end:#00f2fe;--cs-gradient-purple-start:#a8edea;--cs-gradient-purple-end:#fed6e3;--cs-gradient-orange-start:#ffeaa7;--cs-gradient-orange-end:#fab1a0;--cs-gradient-blue-start:#74b9ff;--cs-gradient-blue-end:#0984e3;--cs-gradient-pink-start:#fd79a8;--cs-gradient-pink-end:#fdcb6e;--cs-gradient-custom-start:#667eea;--cs-gradient-custom-mid: ;--cs-gradient-custom-end:#764ba2;--cs-gradient-white:#fff;--cs-gradient-stops:var(--cs-gradient-ocean-start),var(--cs-gradient-ocean-end);--cs-gradient-fade-color:rgba(79,124,255,.6);--cs-gradient-fade-mid:rgba(79,124,255,.3);--cs-anim-gradient-duration:4s;--cs-anim-gradient-ease:var(--cs-anim-ease-in-out);--cs-anim-gradient-iteration:infinite;--cs-loading-spinner-size:40px;--cs-loading-spinner-border:4px;--cs-loading-duration-fast:0.8s;--cs-loading-duration-normal:1.2s;--cs-loading-duration-slow:2s;--cs-hover-lift:-2px;--cs-hover-scale:1.02;--cs-hover-glow-spread:8px;--cs-tap-scale:0.98;--cs-scroll-thumb-gray:#6b7280;--cs-scroll-thumb-blue:#3b82f6;--cs-scroll-thumb-primary:var(--cs-brand,#4f7cff);--cs-scroll-track:rgba(0,0,0,.08);--cs-scroll-track-light:rgba(0,0,0,.04);--cs-scroll-thumb-radius:8px;--cs-scrollbar-size:10px;--cs-scrollbar-size-thin:6px;--cs-scroll-shadow-color:rgba(0,0,0,.08);--cs-scroll-shadow-size:12px;--cs-scroll-reveal-distance:16px;--cs-scroll-reveal-scale:0.96;--cs-nav-primary:var(--cs-brand,#4f7cff);--cs-nav-text:var(--cs-text,#eef1f6);--cs-nav-text-muted:var(--cs-text,#eef1f6);--cs-nav-text-secondary:color-mix(in srgb,var(--cs-text,#eef1f6) 75%,transparent);--cs-nav-text-disabled:color-mix(in srgb,var(--cs-text,#eef1f6) 40%,transparent);--cs-nav-border:var(--cs-border);--cs-nav-border-light:color-mix(in srgb,var(--cs-border) 60%,transparent);--cs-nav-bg:var(--cs-surface,#14161a);--cs-nav-bg-hover:color-mix(in srgb,var(--cs-surface,#14161a) 80%,var(--cs-text,#eef1f6) 8%);--cs-nav-bg-secondary:color-mix(in srgb,var(--cs-surface,#14161a) 60%,var(--cs-bg));--cs-nav-bg-disabled:color-mix(in srgb,var(--cs-surface,#14161a) 50%,transparent);--cs-nav-height:64px;--cs-nav-transition:var(--cs-transition);--cs-nav-transition-fast:calc(var(--cs-transition)*0.75);--cs-nav-transition-base:var(--cs-transition);--cs-nav-backdrop-bg:rgba(0,0,0,.5);--cs-nav-backdrop-blur:var(--cs-acrylic-blur);--cs-prose-font-size:1rem;--cs-prose-line-height:1.75;--cs-prose-color:hsla(0,0%,100%,.85);--cs-prose-headings-color:hsla(0,0%,100%,.95);--cs-prose-links-color:#3b82f6;--cs-prose-links-hover:color-mix(in srgb,#3b82f6 80%,transparent);--cs-prose-spacing:1.5rem;--cs-prose-max-width:65ch;--cs-prose-xs:0.8125rem;--cs-prose-sm:0.875rem;--cs-prose-base:1rem;--cs-prose-lg:1.125rem;--cs-prose-xl:1.25rem;--cs-prose-2xl:1.5rem;--cs-prose-3xl:1.875rem;--cs-prose-4xl:2.25rem;--cs-prose-5xl:3rem;--cs-prose-weight-light:300;--cs-prose-weight-normal:400;--cs-prose-weight-medium:500;--cs-prose-weight-semibold:600;--cs-prose-weight-bold:700;--cs-prose-weight-extrabold:800;--cs-prose-weight-black:900;--cs-prose-font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--cs-prose-font-serif:Georgia,"Times New Roman",Times,serif;--cs-prose-font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--cs-prose-spacing-tight:1.25rem;--cs-prose-spacing-normal:1.5rem;--cs-prose-spacing-relaxed:1.75rem;--cs-prose-spacing-loose:2rem;--cs-prose-code-bg:hsla(0,0%,100%,.08);--cs-prose-code-border:hsla(0,0%,100%,.1);--cs-prose-pre-bg:hsla(0,0%,100%,.05)}.cs-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.cs-focus-ring{outline:none;&:focus-visible{box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 4px rgba(79,124,255,.2);outline:2px solid transparent;outline-offset:2px;transition:box-shadow var(--cs-transition)}}.cs-focus-ring-within{&:focus-within{border-radius:var(--cs-radius);box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 6px rgba(79,124,255,.22)}}.cs-container-fluid{background-color:var(--cs-surface,#14161a);color:var(--cs-text,#eef1f6);margin-left:auto;margin-right:auto;max-width:none;padding-left:var(--cs-page-pad);padding-right:var(--cs-page-pad);width:100%;@media (min-width:768px){padding-left:calc(var(--cs-page-pad) + var(--cs-space-2));padding-right:calc(var(--cs-page-pad) + var(--cs-space-2))}@media (min-width:1200px){max-width:var(--cs-page-max)}}.cs-z-0{z-index:var(--cs-z-0)}.cs-z-0,.cs-z-1{position:relative}.cs-z-1{z-index:var(--cs-z-1)}.cs-z-base{position:relative;z-index:var(--cs-z-base)}.cs-z-10{position:relative;z-index:var(--cs-z-10)}.cs-z-20{position:relative;z-index:var(--cs-z-20)}.cs-z-30{position:relative;z-index:var(--cs-z-30)}.cs-z-popover{position:relative;z-index:var(--cs-z-popover)}.cs-z-40{position:relative;z-index:var(--cs-z-40)}.cs-z-tooltip{position:relative;z-index:var(--cs-z-tooltip)}.cs-z-50{position:relative;z-index:var(--cs-z-50)}.cs-z-toast{position:relative;z-index:var(--cs-z-toast)}.cs-z-60{position:relative;z-index:var(--cs-z-60)}.cs-z-modal{position:relative;z-index:var(--cs-z-modal)}.cs-z-70{position:relative;z-index:var(--cs-z-70)}.cs-z-80{position:relative;z-index:var(--cs-z-80)}.cs-z-90{position:relative;z-index:var(--cs-z-90)}.cs-z-100{position:relative;z-index:var(--cs-z-100)}.cs-z-200{position:relative;z-index:var(--cs-z-200)}.cs-z-300{position:relative;z-index:var(--cs-z-300)}.cs-z-400{position:relative;z-index:var(--cs-z-400)}.cs-z-500{position:relative;z-index:var(--cs-z-500)}.cs-z-600{position:relative;z-index:var(--cs-z-600)}.cs-z-700{position:relative;z-index:var(--cs-z-700)}.cs-z-800{position:relative;z-index:var(--cs-z-800)}.cs-z-900{position:relative;z-index:var(--cs-z-900)}.cs-z-999{position:relative;z-index:var(--cs-z-999)}.cs-z-high{position:relative;z-index:var(--cs-z-high)}.cs-z-9999{position:relative;z-index:var(--cs-z-9999)}.cs-z-max{position:relative;z-index:var(--cs-z-max)}.cs-z-drawer{position:relative;z-index:var(--cs-z-drawer)}.cs-z-dropdown{position:relative;z-index:var(--cs-z-dropdown)}.cs-z-fixed{position:fixed;z-index:var(--cs-z-fixed)}.cs-z-nav{position:relative;z-index:var(--cs-z-nav)}.cs-z-nav-overlay{position:relative;z-index:var(--cs-z-nav-overlay)}.cs-z-orb{position:relative;z-index:var(--cs-z-orb)}.cs-z-overlay{position:relative;z-index:var(--cs-z-overlay)}.cs-z-sticky{position:sticky;z-index:var(--cs-z-sticky)}.cs-page-max{max-width:var(--cs-page-max)}.cs-page-pad{padding:var(--cs-page-pad)}.cs-shadow-0{box-shadow:var(--cs-shadow-0)}.cs-shadow-1{box-shadow:var(--cs-shadow-1)}.cs-shadow-2{box-shadow:var(--cs-shadow-2)}.cs-bg{background-color:var(--cs-bg)}.cs-surface,.cs-surface-2{background-color:var(--cs-surface,#14161a)}.cs-elev1{background-color:var(--cs-elev1)}.cs-elev2{background-color:var(--cs-elev2)}.cs-text,.cs-text-inverse,.cs-text-muted{color:var(--cs-text,#eef1f6)}.cs-brand,.cs-brand-contrast{color:var(--cs-brand,#4f7cff)}.cs-success{color:var(--cs-success)}.cs-warning{color:var(--cs-warning)}.cs-danger{color:var(--cs-danger)}.cs-info{color:var(--cs-info)}.cs-border{border-color:var(--cs-border)}.cs-card-feature{background:var(--cs-card-bg,#fff);border:1px solid var(--cs-card-border,#e5e7eb);border-radius:var(--cs-card-radius,12px);box-shadow:var(--cs-card-shadow,0 1px 2px rgba(0,0,0,.05));display:grid;gap:var(--cs-card-space-lg,1.5rem);grid-template-rows:auto auto 1fr;padding:var(--cs-card-space-xl,2rem);position:relative;text-align:center;transition:var(--cs-card-transition,all .2s ease);&:hover{box-shadow:var(--cs-card-shadow-hover,0 4px 6px rgba(0,0,0,.07));transform:translateY(var(--cs-card-hover-lift,-2px))}}.cs-card-product{background:var(--cs-card-bg,#fff);border-radius:var(--cs-card-radius,12px);box-shadow:var(--cs-card-shadow,0 1px 3px rgba(0,0,0,.1));display:flex;flex-direction:column;max-width:20rem;overflow:hidden;position:relative;transition:var(--cs-card-transition,all .2s ease);&:hover{box-shadow:var(--cs-card-shadow-hover,0 4px 6px rgba(0,0,0,.1));transform:translateY(var(--cs-card-hover-lift,-2px))}}.cs-card-pricing{background:var(--cs-card-bg,#fff);border:2px solid var(--cs-card-border,#e5e7eb);border-radius:var(--cs-card-radius,12px);box-shadow:var(--cs-card-shadow,0 1px 3px rgba(0,0,0,.1));display:grid;grid-template-rows:auto 1fr auto;padding:var(--cs-card-space-xl,2rem);position:relative;text-align:center;transition:var(--cs-card-transition,all .2s ease);&:hover{box-shadow:var(--cs-card-shadow-hover,0 8px 25px rgba(0,0,0,.15));transform:translateY(var(--cs-card-hover-lift,-4px))}}.cs-card-testimonial{background:var(--cs-card-bg,#fff);border-radius:var(--cs-card-radius,12px);box-shadow:var(--cs-card-shadow,0 1px 3px rgba(0,0,0,.1));max-width:24rem;overflow:hidden;padding:var(--cs-card-padding,1.5rem);position:relative;text-align:center;transition:var(--cs-card-transition,all .2s ease);&:hover{box-shadow:var(--cs-card-shadow-hover,0 4px 6px rgba(0,0,0,.1));transform:translateY(var(--cs-card-hover-lift,-2px))}}.cs-card-image{background:hsla(0,0%,100%,.05);height:12rem;object-fit:cover;width:100%}.cs-card-content{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:var(--cs-card-padding,1.5rem)}.cs-card-title{color:var(--cs-card-text,currentColor);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.cs-card-description{color:var(--cs-card-text-muted,hsla(0,0%,100%,.7));flex:1;line-height:1.6;margin:0}.cs-card-price{color:var(--cs-success,#059669);font-size:1.5rem;font-weight:800;margin:0}.cs-card-actions{display:flex;gap:.75rem;padding:0 var(--cs-card-padding,1.5rem) var(--cs-card-padding,1.5rem)}.cs-testimonial-quote{color:var(--cs-card-text-muted,hsla(0,0%,100%,.85));font-size:1.125rem;font-style:italic;line-height:1.6;margin-bottom:1.5rem;position:relative;&:before{color:hsla(0,0%,100%,.2);content:'"';font-size:3rem;left:-.5rem;line-height:1;position:absolute;top:-.5rem}}.cs-testimonial-author{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.cs-button-primary-card{background:linear-gradient(135deg,var(--cs-brand,#4f7cff),rgba(79,124,255,.8));border:none;border-radius:calc(var(--cs-radius, 10px)/2);color:var(--cs-brand,#4f7cff);cursor:pointer;flex:1;font-weight:600;padding:.75rem 1.5rem;transition:all var(--cs-transition,.2s ease);&:hover{box-shadow:0 4px 12px rgba(79,124,255,.4);transform:translateY(-1px)}&:focus{box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 4px rgba(79,124,255,.2);outline:2px solid transparent;outline-offset:2px}}.cs-form-base{display:flex;flex-direction:column;gap:var(--cs-space-4,1rem)}.cs-input-base{background:var(--cs-form-bg,#fff);border:1px solid var(--cs-form-border,#e5e7eb);border-radius:var(--cs-form-radius,8px);color:var(--cs-text,#eef1f6);padding:var(--cs-space-3,12px) var(--cs-space-4,16px);transition:var(--cs-transition,.18s ease);&:focus{border-color:var(--cs-form-focus,#3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-form-focus,#3b82f6) 15%,transparent);outline:none}}.cs-form-modern{background:var(--cs-card-bg,#fff);border-radius:var(--cs-radius,10px);box-shadow:var(--cs-shadow-1,0 1px 3px rgba(0,0,0,.1));display:flex;flex-direction:column;gap:var(--cs-space-4,1rem);margin:0 auto;max-width:32rem;padding:2rem}.cs-input-modern{background:var(--cs-form-bg,#fff);border:2px solid hsla(0,0%,100%,.1);border-radius:var(--cs-form-radius,8px);color:var(--cs-text,#eef1f6);font-size:var(--cs-fs-md,1rem);line-height:var(--cs-line,1.5);padding:var(--cs-space-3,12px) var(--cs-space-4,16px);transition:var(--cs-transition,.18s ease);&:focus{border-color:var(--cs-form-focus,#3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-form-focus,#3b82f6) 20%,transparent);outline:none}&::placeholder{color:var(--cs-text,#eef1f6)}}.cs-label-modern{color:var(--cs-text,#eef1f6);display:block;font-size:var(--cs-fs-sm,.875rem);font-weight:600;margin-bottom:.5rem}.cs-button-primary-modern{background:linear-gradient(135deg,var(--cs-brand,#4f7cff),rgba(79,124,255,.8));border:none;border-radius:var(--cs-form-radius,8px);color:var(--cs-brand,#4f7cff);cursor:pointer;font-size:var(--cs-fs-md,1rem);font-weight:600;padding:.875rem 1.5rem;transition:var(--cs-transition,.18s ease);&:hover{box-shadow:0 8px 20px rgba(79,124,255,.3);transform:translateY(-2px)}&:focus{box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 4px rgba(79,124,255,.2);outline:2px solid transparent;outline-offset:2px}}.cs-form-group{margin-bottom:var(--cs-space-4,1rem);position:relative}.cs-input-validation{align-items:center;display:none;font-size:.875rem;gap:.25rem;left:0;margin-top:.25rem;position:absolute;right:0;top:100%}.cs-validation-error{color:var(--cs-danger,#ef4444);display:flex}.cs-validation-success{color:var(--cs-success,#22c55e);display:flex}.cs-validation-icon{font-size:1rem;line-height:1}.cs-input-error{border-color:var(--cs-danger,#ef4444)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-danger,#ef4444) 20%,transparent)!important}.cs-input-success{border-color:var(--cs-success,#22c55e)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-success,#22c55e) 20%,transparent)!important}.cs-input-group{align-items:stretch;display:flex;position:relative}.cs-input-addon{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid var(--cs-form-border,#e5e7eb);color:var(--cs-text,#eef1f6);display:flex;font-size:.875rem;padding:0 .75rem}.cs-input-addon-left{border-radius:var(--cs-form-radius,8px) 0 0 var(--cs-form-radius,8px);border-right:none}.cs-input-addon-right,.cs-input-with-addon-left{border-left:none;border-radius:0 var(--cs-form-radius,8px) var(--cs-form-radius,8px) 0}.cs-input-with-addon-right{border-radius:var(--cs-form-radius,8px) 0 0 var(--cs-form-radius,8px);border-right:none}.cs-form-row{align-items:flex-start;display:flex;gap:var(--cs-space-4,1rem)}.cs-form-col{flex:1;min-width:0}.cs-form-bg{background-color:var(--cs-form-bg)}.cs-form-border{border-color:var(--cs-form-border)}.cs-form-radius{border-radius:var(--cs-form-radius)}.cs-form-shadow{box-shadow:var(--cs-form-shadow)}.cs-form-focus{border-color:var(--cs-form-focus)}.cs-prose{color:var(--cs-prose-body);font-size:var(--cs-fs-md);line-height:1.75;max-width:65ch}.cs-prose h1,.cs-prose h2,.cs-prose h3,.cs-prose h4,.cs-prose h5,.cs-prose h6{color:var(--cs-prose-headings);font-weight:700;line-height:1.25;margin-bottom:.75rem;margin-top:2rem}.cs-prose h1{font-size:var(--cs-fs-2xl)}.cs-prose h2{font-size:var(--cs-fs-xl)}.cs-prose h3{font-size:var(--cs-fs-lg)}.cs-prose p{line-height:1.7;margin-bottom:1.25rem}.cs-prose a{color:var(--cs-prose-links);text-decoration:underline;text-underline-offset:.2em}.cs-prose a:hover{text-decoration:none}.cs-prose strong{color:var(--cs-prose-bold);font-weight:600}.cs-prose ol,.cs-prose ul{margin-bottom:1.25rem;margin-left:1.5rem}.cs-prose li{margin-bottom:.5rem}.cs-prose blockquote{border-left:4px solid var(--cs-border);color:var(--cs-prose-quotes);font-style:italic;margin:1.5rem 0;padding-left:1.5rem}.cs-prose code{background:hsla(0,0%,100%,.08);border-radius:.25rem;font-family:var(--cs-font-mono);font-size:.875em;padding:.25rem .375rem}.cs-prose pre{background:var(--cs-elev1);border-radius:var(--cs-radius);margin:1.5rem 0;overflow-x:auto;padding:1.25rem}.cs-prose pre code{background:none;padding:0}.cs-callout{border-left:4px solid var(--cs-info);border-radius:var(--cs-radius);color:var(--cs-text,#eef1f6);margin:1.5rem 0;padding:var(--cs-space-4) var(--cs-space-6)}.cs-callout,.cs-callout.cs-callout-info{background:color-mix(in srgb,var(--cs-info) 5%,var(--cs-surface,#14161a))}.cs-callout.cs-callout-info{border-left-color:var(--cs-info)}.cs-callout.cs-callout-warning{background:color-mix(in srgb,var(--cs-warning) 5%,var(--cs-surface,#14161a));border-left-color:var(--cs-warning)}.cs-callout.cs-callout-danger{background:color-mix(in srgb,var(--cs-danger) 5%,var(--cs-surface,#14161a));border-left-color:var(--cs-danger)}.cs-callout.cs-callout-success{background:color-mix(in srgb,var(--cs-success) 5%,var(--cs-surface,#14161a));border-left-color:var(--cs-success)}.cs-lead{color:var(--cs-text,#eef1f6);font-size:var(--cs-fs-lg);line-height:1.6}.cs-fs-xs{font-size:var(--cs-fs-xs)}.cs-fs-sm{font-size:var(--cs-fs-sm)}.cs-fs-md{font-size:var(--cs-fs-md)}.cs-fs-lg{font-size:var(--cs-fs-lg)}.cs-fs-xl{font-size:var(--cs-fs-xl)}.cs-fs-2xl{font-size:var(--cs-fs-2xl)}.cs-leading-relaxed{line-height:var(--cs-leading-relaxed)}.cs-leading-loose{line-height:var(--cs-leading-loose)}.cs-text-balance{text-wrap:var(--cs-text,#eef1f6)}.cs-navbar{align-items:center;background-color:var(--cs-surface,#14161a);border-bottom:1px solid var(--cs-border,#e5e7eb);display:flex;gap:.5rem;justify-content:space-between;padding:.75rem 1rem;position:relative;transition:var(--cs-transition,.18s ease);z-index:var(--cs-z-40,40)}.cs-navbar-brand{color:var(--cs-text,#eef1f6);display:inline-block;font-size:1.25rem;font-weight:600;line-height:1.2;margin-right:1rem;padding:.3125rem 0;text-decoration:none;white-space:nowrap;&:hover{text-decoration:none}}.cs-navbar-nav{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.cs-navbar-link{border-radius:.375rem;color:var(--cs-text,#eef1f6);display:inline-block;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:var(--cs-transition,.18s ease);&:hover{background-color:hsla(0,0%,100%,.08);color:var(--cs-text,#eef1f6);text-decoration:none}&.active{background-color:rgba(79,124,255,.1);color:var(--cs-brand,#4f7cff)}}.cs-gradient-sunset{background:linear-gradient(135deg,var(--cs-gradient-sunset-start),var(--cs-gradient-sunset-mid,var(--cs-gradient-sunset-end)),var(--cs-gradient-sunset-end))}.cs-gradient-ocean{background:linear-gradient(135deg,var(--cs-gradient-ocean-start),var(--cs-gradient-ocean-end))}.cs-gradient-fire{background:linear-gradient(135deg,var(--cs-gradient-fire-start),var(--cs-gradient-fire-end))}.cs-gradient-mint{background:linear-gradient(135deg,var(--cs-gradient-mint-start),var(--cs-gradient-mint-end))}.cs-gradient-purple{background:linear-gradient(135deg,var(--cs-gradient-purple-start),var(--cs-gradient-purple-end))}.cs-gradient-orange{background:linear-gradient(135deg,var(--cs-gradient-orange-start),var(--cs-gradient-orange-end))}.cs-gradient-blue{background:linear-gradient(135deg,var(--cs-gradient-blue-start),var(--cs-gradient-blue-end))}.cs-gradient-pink{background:linear-gradient(135deg,var(--cs-gradient-pink-start),var(--cs-gradient-pink-end))}.cs-gradient-custom-2{background:linear-gradient(135deg,var(--cs-gradient-custom-start),var(--cs-gradient-custom-end))}.cs-gradient-custom,.cs-gradient-custom-3{background:linear-gradient(135deg,var(--cs-gradient-custom-start),var(--cs-gradient-custom-mid,var(--cs-gradient-custom-end)),var(--cs-gradient-custom-end))}.cs-gradient-fade-r{background:linear-gradient(to right,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,var(--cs-gradient-fade-mid,rgba(79,124,255,.3)) 50%,transparent 100%)}.cs-gradient-fade-l{background:linear-gradient(to left,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,var(--cs-gradient-fade-mid,rgba(79,124,255,.3)) 50%,transparent 100%)}.cs-gradient-fade-b{background:linear-gradient(to bottom,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,var(--cs-gradient-fade-mid,rgba(79,124,255,.3)) 50%,transparent 100%)}.cs-gradient-fade-t{background:linear-gradient(to top,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,var(--cs-gradient-fade-mid,rgba(79,124,255,.3)) 50%,transparent 100%)}.cs-gradient-fade-br{background:linear-gradient(to bottom right,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 100%)}.cs-gradient-fade-bl{background:linear-gradient(to bottom left,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 100%)}.cs-gradient-fade-tr{background:linear-gradient(to top right,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 100%)}.cs-gradient-fade-tl{background:linear-gradient(to top left,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 100%)}.cs-gradient-fade-subtle{--cs-gradient-fade-color:rgba(79,124,255,.3);--cs-gradient-fade-mid:rgba(79,124,255,.1)}.cs-gradient-fade-medium{--cs-gradient-fade-color:rgba(79,124,255,.6);--cs-gradient-fade-mid:rgba(79,124,255,.3)}.cs-gradient-fade-strong{--cs-gradient-fade-color:rgba(79,124,255,.8);--cs-gradient-fade-mid:rgba(79,124,255,.5)}.cs-gradient-fade-smooth{background:linear-gradient(135deg,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 100%);@supports (background:color-mix(in srgb,red 50%,transparent)){background:linear-gradient(135deg,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,color-mix(in srgb,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 30%,transparent) 60%,transparent 100%)}}.cs-gradient-radial-fade{background:radial-gradient(circle at center,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,var(--cs-gradient-fade-mid,rgba(79,124,255,.2)) 40%,transparent 70%)}.cs-gradient-radial-fade-tl{background:radial-gradient(circle at top left,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 60%)}.cs-gradient-radial-fade-tr{background:radial-gradient(circle at top right,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 60%)}.cs-gradient-radial-fade-bl{background:radial-gradient(circle at bottom left,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 60%)}.cs-gradient-radial-fade-br{background:radial-gradient(circle at bottom right,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 60%)}.cs-gradient-radial-center{background:radial-gradient(circle at center,var(--cs-gradient-stops))}.cs-gradient-radial-top{background:radial-gradient(circle at top,var(--cs-gradient-stops))}.cs-gradient-radial-bottom{background:radial-gradient(circle at bottom,var(--cs-gradient-stops))}.cs-gradient-conic{background:conic-gradient(var(--cs-gradient-stops))}.cs-gradient-conic-center{background:conic-gradient(from 0deg at 50% 50%,var(--cs-gradient-stops))}.cs-gradient-mesh{background:radial-gradient(at 27% 37%,rgba(79,124,255,.5) 0,transparent 50%),radial-gradient(at 97% 21%,color-mix(in srgb,var(--cs-info) 50%,transparent) 0,transparent 50%),radial-gradient(at 52% 99%,color-mix(in srgb,var(--cs-success) 50%,transparent) 0,transparent 50%),radial-gradient(at 10% 29%,color-mix(in srgb,var(--cs-warning) 50%,transparent) 0,transparent 50%),radial-gradient(at 97% 96%,color-mix(in srgb,var(--cs-danger) 50%,transparent) 0,transparent 50%),radial-gradient(at 33% 50%,rgba(79,124,255,.5) 0,transparent 50%),radial-gradient(at 79% 53%,color-mix(in srgb,var(--cs-info) 50%,transparent) 0,transparent 50%)}.cs-bg-casoon-original{background:radial-gradient(circle at 20% 80%,#1e40af 0,transparent 50%),radial-gradient(circle at 80% 20%,#0891b2 0,transparent 50%),radial-gradient(circle at 40% 40%,#f97316 0,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b)}.cs-bg-casoon-warm{background:radial-gradient(circle at 25% 75%,#dc2626 0,transparent 55%),radial-gradient(circle at 75% 25%,#f59e0b 0,transparent 45%),radial-gradient(circle at 50% 50%,#ea580c 0,transparent 60%),linear-gradient(135deg,#1f2937,#374151)}.cs-bg-casoon-cool{background:radial-gradient(circle at 30% 70%,#3b82f6 0,transparent 50%),radial-gradient(circle at 70% 30%,#06b6d4 0,transparent 55%),radial-gradient(circle at 45% 45%,#8b5cf6 0,transparent 45%),linear-gradient(135deg,#111827,#1f2937)}.cs-bg-casoon-forest{background:radial-gradient(circle at 15% 85%,#059669 0,transparent 50%),radial-gradient(circle at 85% 15%,#10b981 0,transparent 60%),radial-gradient(circle at 55% 35%,#065f46 0,transparent 40%),linear-gradient(135deg,#064e3b,#134e4a)}.cs-bg-casoon-animated{animation:cs-gradient-shift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#1e40af 0,transparent 50%),radial-gradient(circle at 80% 20%,#0891b2 0,transparent 50%),radial-gradient(circle at 40% 40%,#f97316 0,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b);background-size:400% 400%}.cs-bg-casoon-subtle{filter:brightness(.8) saturate(.7) opacity(.9)}.cs-bg-casoon-intense,.cs-bg-casoon-subtle{background:radial-gradient(circle at 20% 80%,#1e40af 0,transparent 50%),radial-gradient(circle at 80% 20%,#0891b2 0,transparent 50%),radial-gradient(circle at 40% 40%,#f97316 0,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b)}.cs-bg-casoon-intense{filter:brightness(1.2) saturate(1.3) contrast(1.1)}.cs-bg-nebula-purple{background:radial-gradient(circle at 20% 20%,#8b5cf6 0,transparent 70%),radial-gradient(circle at 80% 80%,#ec4899 0,transparent 60%),radial-gradient(circle at 40% 60%,#3b82f6 0,transparent 80%),linear-gradient(135deg,#0c0a1d,#1e1b3b)}.cs-bg-deep-ocean{background:radial-gradient(circle at 25% 25%,#1e40af 0,transparent 65%),radial-gradient(circle at 75% 75%,#0891b2 0,transparent 55%),radial-gradient(circle at 50% 80%,#0e7490 0,transparent 70%),linear-gradient(135deg,#0c1e3d,#164e63)}.cs-bg-corporate-blue{background:radial-gradient(circle at 30% 30%,#1e40af 0,transparent 70%),radial-gradient(circle at 70% 70%,#3b82f6 0,transparent 60%),radial-gradient(circle at 50% 50%,#1d4ed8 0,transparent 80%),linear-gradient(135deg,#1e3a8a,#1e40af)}.cs-gradient-text{-webkit-background-clip:text;background-clip:text;color:transparent}.cs-gradient-text-sunset{background:linear-gradient(135deg,var(--cs-gradient-sunset-start),var(--cs-gradient-sunset-mid,var(--cs-gradient-sunset-end)),var(--cs-gradient-sunset-end));-webkit-background-clip:text;background-clip:text;color:transparent}.cs-gradient-text-ocean{background:linear-gradient(135deg,var(--cs-gradient-ocean-start),var(--cs-gradient-ocean-end));-webkit-background-clip:text;background-clip:text;color:transparent}.cs-gradient-text-fire{background:linear-gradient(135deg,var(--cs-gradient-fire-start),var(--cs-gradient-fire-end));-webkit-background-clip:text;background-clip:text;color:transparent}.cs-gradient-text-custom-2{background:linear-gradient(135deg,var(--cs-gradient-custom-start),var(--cs-gradient-custom-end));-webkit-background-clip:text;background-clip:text;color:transparent}.cs-gradient-text-custom,.cs-gradient-text-custom-3{background:linear-gradient(135deg,var(--cs-gradient-custom-start),var(--cs-gradient-custom-mid,var(--cs-gradient-custom-end)),var(--cs-gradient-custom-end));-webkit-background-clip:text;background-clip:text;color:transparent}.cs-gradient-animate{animation:cs-gradient-shift var(--cs-anim-gradient-duration) var(--cs-anim-gradient-ease) var(--cs-anim-gradient-iteration);background-size:400% 400%}.cs-gradient-shift-x{animation:cs-gradient-shift-x 3s linear infinite;background-size:200% 100%}.cs-gradient-shift-y{animation:cs-gradient-shift-y 3s linear infinite;background-size:100% 200%}.cs-gradient-rotate{animation:cs-gradient-rotate 8s linear infinite;background-size:200% 200%}.cs-gradient-pulse{animation:cs-gradient-pulse 2s ease-in-out infinite;transform-origin:center}.cs-gradient-pulse-slow{animation:cs-gradient-pulse-slow 4s ease-in-out infinite}.cs-gradient-breathe{animation:cs-gradient-breathe 3s ease-in-out infinite;transform-origin:center}.cs-gradient-wave{animation:cs-gradient-wave 6s ease-in-out infinite;background-size:300% 300%,300% 300%}.cs-gradient-shimmer{animation:cs-gradient-shimmer 2s linear infinite;background-size:200% 100%}.cs-gradient-animate-slow{animation-duration:8s}.cs-gradient-animate-fast{animation-duration:1.5s}.cs-gradient-animate-reverse{animation-direction:reverse}.cs-gradient-animate-alternate{animation-direction:alternate}.cs-gradient-animate-hover-pause{&:hover{animation-play-state:paused}}.cs-gradient-shine{animation:cs-gradient-shine 3s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.05));background-size:200% 100%}.cs-hover-ripple{isolation:isolate;overflow:hidden;position:relative;&:after{animation:none;background:radial-gradient(circle,hsla(0,0%,100%,.4) 10%,transparent 80%);border-radius:9999px;content:"";height:200px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:200px;z-index:1}&:active:after{animation:cs-hover-ripple .6s ease-out}}.cs-gradient-ambient-rotate{animation:cs-ambient-rotate 20s linear infinite;background:conic-gradient(from 0deg,var(--cs-gradient-stops))}.cs-gradient-zoom-fade{animation:cs-gradient-zoom-fade .8s var(--cs-anim-ease-in-out) both}.cs-gradient-border{background:linear-gradient(135deg,var(--cs-gradient-ocean-start),var(--cs-gradient-ocean-end));border-radius:.5rem;position:relative;&:before{background:var(--cs-gradient-white);border-radius:calc(.5rem - 1px);content:"";inset:1px;position:absolute;z-index:0}&>*{position:relative;z-index:1}}@keyframes cs-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes cs-gradient-shift-x{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes cs-gradient-shift-y{0%{background-position:50% 0}to{background-position:50% 100%}}@keyframes cs-gradient-rotate{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}@keyframes cs-gradient-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes cs-gradient-pulse-slow{0%,to{opacity:.4}50%{opacity:.9}}@keyframes cs-gradient-breathe{0%,to{filter:brightness(.8) saturate(1.2);transform:scale(1)}50%{filter:brightness(1.2) saturate(1.8);transform:scale(1.02)}}@keyframes cs-gradient-wave{0%{background-position:0 50%,100% 50%}25%{background-position:50% 0,50% 100%}50%{background-position:100% 50%,0 50%}75%{background-position:50% 100%,50% 0}to{background-position:0 50%,100% 50%}}@keyframes cs-gradient-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cs-gradient-shine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cs-hover-ripple{0%{opacity:.8;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes cs-ambient-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cs-gradient-zoom-fade{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.cs-bg-casoon-animated,.cs-gradient-ambient-rotate,.cs-gradient-animate,.cs-gradient-breathe,.cs-gradient-pulse,.cs-gradient-pulse-slow,.cs-gradient-rotate,.cs-gradient-shift-x,.cs-gradient-shift-y,.cs-gradient-shimmer,.cs-gradient-shine,.cs-gradient-wave,.cs-gradient-zoom-fade{animation:none!important;background-size:100% 100%!important}.cs-hover-ripple:after{animation:none!important}}@media (prefers-contrast:high){.cs-bg-casoon-animated,.cs-bg-casoon-cool,.cs-bg-casoon-forest,.cs-bg-casoon-intense,.cs-bg-casoon-original,.cs-bg-casoon-subtle,.cs-bg-casoon-warm{filter:contrast(1.5) brightness(1.2)!important}}@media (prefers-contrast:more){.cs-gradient-border:before{outline:1px solid currentColor;outline-offset:-1px}}@media (forced-colors:active){.cs-gradient-border{background:CanvasText;forced-color-adjust:none}.cs-gradient-border:before{background:Canvas;border:1px solid CanvasText}}@media (max-width:480px){.cs-gradient-animate{animation-duration:calc(var(--cs-anim-gradient-duration)*1.25)}}.cs-scrollbar-thin{scrollbar-color:hsla(0,0%,100%,.2) transparent;scrollbar-width:thin;&::-webkit-scrollbar{height:8px;width:8px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px;&:hover{background:hsla(0,0%,100%,.35)}}&::-webkit-scrollbar-corner{background:transparent}}.cs-scrollbar-custom{scrollbar-color:var(--cs-brand,#4f7cff) rgba(79,124,255,.1);scrollbar-width:auto;&::-webkit-scrollbar{height:12px;width:12px}&::-webkit-scrollbar-track{background:rgba(79,124,255,.05);border-radius:6px}&::-webkit-scrollbar-thumb{background:var(--cs-brand,#4f7cff);border:2px solid rgba(79,124,255,.05);border-radius:6px;&:hover{background:rgba(79,124,255,.85)}}}.cs-scroll-snap-x{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.cs-scroll-snap-y{overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory}.cs-snap-start{scroll-snap-align:start}.cs-snap-center{scroll-snap-align:center}.cs-snap-end{scroll-snap-align:end}.cs-scroll-smooth{scroll-behavior:smooth}.cs-spinner{animation:cs-spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:currentcolor;height:1.5rem;width:1.5rem}.cs-spinner-lg{border-width:3px;height:2rem;width:2rem}.cs-spinner-sm{border-width:2px;height:1rem;width:1rem}@keyframes cs-spin{to{transform:rotate(1turn)}}.cs-pulse{animation:cs-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes cs-pulse{0%,to{opacity:1}50%{opacity:.5}}.cs-skeleton{animation:cs-skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.18) 50%,hsla(0,0%,100%,.1));background-size:200% 100%;border-radius:.375rem}@keyframes cs-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.cs-hover-lift{transition:transform var(--cs-transition);&:hover{transform:translateY(-2px)}}.cs-hover-scale{transition:transform var(--cs-transition);&:hover{transform:scale(1.02)}}.cs-hover-glow{transition:box-shadow var(--cs-transition);&:hover{box-shadow:0 8px 25px rgba(79,124,255,.25)}}.cs-interactive{cursor:pointer;transition:all var(--cs-transition);&:hover{box-shadow:0 4px 12px hsla(0,0%,100%,.15);transform:translateY(-1px)}&:active{box-shadow:0 2px 4px hsla(0,0%,100%,.2);transform:translateY(0)}}@media print{.cs-prose{color:#000!important}.cs-navbar{display:none!important}.cs-card{border:1px solid #ccc!important;box-shadow:none!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}