*, ::before, ::after { --tw-border-spacing-x:0; --tw-border-spacing-y:0; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgb(59 130 246 / 0.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
::backdrop { --tw-border-spacing-x:0; --tw-border-spacing-y:0; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgb(59 130 246 / 0.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.container { width:100%; }
@media (min-width: 640px) {
 .container { max-width:640px; } }
@media (min-width: 768px) {
 .container { max-width:768px; } }
@media (min-width: 1024px) {
 .container { max-width:1024px; } }
@media (min-width: 1280px) {
 .container { max-width:1280px; } }
@media (min-width: 1536px) {
 .container { max-width:1536px; } }
#package-cards .pointer-events-none { pointer-events:none !important; }
#package-cards .pointer-events-auto { pointer-events:auto !important; }
#package-cards .absolute { position:absolute !important; }
#package-cards .relative { position:relative !important; }
#package-cards .inset-0 { inset:0px !important; }
#package-cards .bottom-2 { bottom:0.5rem !important; }
#package-cards .left-1\/2 { left:50% !important; }
#package-cards .left-3 { left:0.75rem !important; }
#package-cards .right-3 { right:0.75rem !important; }
#package-cards .top-3 { top:0.75rem !important; }
#package-cards .z-10 { z-index:10 !important; }
#package-cards .mt-0\.5 { margin-top:0.125rem !important; }
#package-cards .mt-auto { margin-top:auto !important; }
#package-cards .line-clamp-2 { overflow:hidden !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; }
#package-cards .line-clamp-3 { overflow:hidden !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:3 !important; }
#package-cards .block { display:block !important; }
#package-cards .flex { display:flex !important; }
#package-cards .inline-flex { display:inline-flex !important; }
#package-cards .hidden { display:none !important; }
#package-cards .h-10 { height:2.5rem !important; }
#package-cards .h-11 { height:2.75rem !important; }
#package-cards .h-2 { height:0.5rem !important; }
#package-cards .h-4 { height:1rem !important; }
#package-cards .h-5 { height:1.25rem !important; }
#package-cards .h-64 { height:16rem !important; }
#package-cards .h-8 { height:2rem !important; }
#package-cards .h-9 { height:2.25rem !important; }
#package-cards .h-full { height:100% !important; }
#package-cards .min-h-\[500px\] { min-height:500px !important; }
#package-cards .w-10 { width:2.5rem !important; }
#package-cards .w-2 { width:0.5rem !important; }
#package-cards .w-4 { width:1rem !important; }
#package-cards .w-5 { width:1.25rem !important; }
#package-cards .w-8 { width:2rem !important; }
#package-cards .w-full { width:100% !important; }
#package-cards .max-w-\[75\%\] { max-width:75% !important; }
#package-cards .flex-1 { flex:1 1 0% !important; }
#package-cards .shrink-0 { flex-shrink:0 !important; }
#package-cards .-translate-x-1\/2 { --tw-translate-x:-50% !important; transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
#package-cards .flex-col { flex-direction:column !important; }
#package-cards .flex-wrap { flex-wrap:wrap !important; }
#package-cards .items-start { align-items:flex-start !important; }
#package-cards .items-center { align-items:center !important; }
#package-cards .justify-center { justify-content:center !important; }
#package-cards .justify-between { justify-content:space-between !important; }
#package-cards .gap-1 { gap:0.25rem !important; }
#package-cards .gap-2 { gap:0.5rem !important; }
#package-cards .gap-3 { gap:0.75rem !important; }
#package-cards .gap-4 { gap:1rem !important; }
#package-cards :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse:0 !important; margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom:calc(0.5rem * var(--tw-space-y-reverse)) !important; }
#package-cards .overflow-hidden { overflow:hidden !important; }
#package-cards .whitespace-nowrap { white-space:nowrap !important; }
#package-cards .rounded-2xl { border-radius:1rem !important; }
#package-cards .rounded-full { border-radius:9999px !important; }
#package-cards .rounded-lg { border-radius:0.5rem !important; }
#package-cards .rounded-md { border-radius:0.375rem !important; }
#package-cards .border { border-width:1px !important; }
#package-cards .border-t { border-top-width:1px !important; }
#package-cards .border-input { border-color:hsl(var(--border)) !important; }
#package-cards .border-transparent { border-color:transparent !important; }
#package-cards .bg-background { background-color:hsl(var(--background)) !important; }
#package-cards .bg-black\/50 { background-color:rgb(0 0 0 / 0.5) !important; }
#package-cards .bg-card { background-color:hsl(var(--card)) !important; }
#package-cards .bg-destructive { --tw-bg-opacity:1 !important; background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1)) !important; }
#package-cards .bg-primary { background-color:hsl(var(--primary)) !important; }
#package-cards .bg-secondary { background-color:hsl(var(--secondary)) !important; }
#package-cards .bg-white { --tw-bg-opacity:1 !important; background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; }
#package-cards .bg-white\/60 { background-color:rgb(255 255 255 / 0.6) !important; }
#package-cards .bg-white\/90 { background-color:rgb(255 255 255 / 0.9) !important; }
#package-cards .fill-yellow-400 { fill:#facc15 !important; }
#package-cards .object-cover { -o-object-fit:cover !important; object-fit:cover !important; }
#package-cards .p-3 { padding:0.75rem !important; }
#package-cards .p-4 { padding:1rem !important; }
#package-cards .p-5 { padding:1.25rem !important; }
#package-cards .px-2\.5 { padding-left:0.625rem !important; padding-right:0.625rem !important; }
#package-cards .px-3 { padding-left:0.75rem !important; padding-right:0.75rem !important; }
#package-cards .px-4 { padding-left:1rem !important; padding-right:1rem !important; }
#package-cards .px-8 { padding-left:2rem !important; padding-right:2rem !important; }
#package-cards .py-0\.5 { padding-top:0.125rem !important; padding-bottom:0.125rem !important; }
#package-cards .py-1 { padding-top:0.25rem !important; padding-bottom:0.25rem !important; }
#package-cards .py-2 { padding-top:0.5rem !important; padding-bottom:0.5rem !important; }
#package-cards .pt-4 { padding-top:1rem !important; }
#package-cards .text-sm { font-size:0.875rem !important; line-height:1.25rem !important; }
#package-cards .text-xl { font-size:1.25rem !important; line-height:1.75rem !important; }
#package-cards .text-xs { font-size:0.75rem !important; line-height:1rem !important; }
#package-cards .font-bold { font-weight:700 !important; }
#package-cards .font-medium { font-weight:500 !important; }
#package-cards .font-normal { font-weight:400 !important; }
#package-cards .font-semibold { font-weight:600 !important; }
#package-cards .leading-relaxed { line-height:1.625 !important; }
#package-cards .leading-snug { line-height:1.375 !important; }
#package-cards .text-card-foreground { color:hsl(var(--foreground)) !important; }
#package-cards .text-destructive-foreground { --tw-text-opacity:1 !important; color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }
#package-cards .text-foreground { color:hsl(var(--foreground)) !important; }
#package-cards .text-muted-foreground { color:hsl(var(--muted-foreground)) !important; }
#package-cards .text-primary { color:hsl(var(--primary)) !important; }
#package-cards .text-primary-foreground { color:hsl(var(--primary-foreground)) !important; }
#package-cards .text-secondary-foreground { color:hsl(var(--foreground)) !important; }
#package-cards .text-white { --tw-text-opacity:1 !important; color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }
#package-cards .text-yellow-400 { --tw-text-opacity:1 !important; color:rgb(250 204 21 / var(--tw-text-opacity, 1)) !important; }
#package-cards .underline-offset-4 { text-underline-offset:4px !important; }
#package-cards .shadow-lg { --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; }
#package-cards .outline { outline-style:solid !important; }
#package-cards .ring-offset-background { --tw-ring-offset-color:hsl(var(--background)) !important; }
#package-cards .filter { filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; }
#package-cards .backdrop-blur-sm { --tw-backdrop-blur:blur(4px) !important; backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; }
#package-cards .transition { transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration:150ms !important; }
#package-cards .transition-colors { transition-property:color, background-color, border-color, text-decoration-color, fill, stroke !important; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration:150ms !important; }
#package-cards .transition-transform { transition-property:transform !important; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration:150ms !important; }
#package-cards { --background:0 0% 100%; --foreground:224 65% 12%; --card:0 0% 100%; --primary:222 66% 29%; --primary-foreground:0 0% 100%; --secondary:215 30% 96%; --muted-foreground:215 16% 40%; --border:214 25% 88%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
#package-cards *, #package-cards *::before, #package-cards *::after { box-sizing:border-box !important; border-style:solid !important; border-width:0 !important; border-color:hsl(var(--border)) !important; }
#package-cards h3, #package-cards p { margin:0 !important; }
#package-cards button, #package-cards a { -webkit-tap-highlight-color:transparent !important; }
#package-cards button { cursor:pointer !important; font:inherit !important; }
#package-cards a { text-decoration:none !important; }
#package-cards img { display:block !important; border-radius:0 !important; }
#package-cards .card-mount { min-width:0 !important; height:100% !important; }
.package-collection { max-width:1280px; margin:0 auto; padding:135px 24px 48px; }
.package-collection h1 { font-size:36px; margin-bottom:8px; }
.package-collection > p { color:#596579; margin-bottom:30px; }
.package-fallback { display:block; padding:16px; border:1px solid #ddd; border-radius:16px; }
.package-fallback img { width:100%; height:240px; -o-object-fit:cover; object-fit:cover; }
@media(max-width:1050px) { #package-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { #package-cards { grid-template-columns:1fr; gap:22px; } .package-collection { padding:110px 20px 32px; } .package-collection h1 { font-size:28px; } .step-links { flex-wrap:wrap; gap:12px 0; justify-content:center; } }
#package-cards .hover\:bg-accent:hover { background-color:hsl(var(--secondary)) !important; }
#package-cards .hover\:bg-black\/70:hover { background-color:rgb(0 0 0 / 0.7) !important; }
#package-cards .hover\:bg-destructive\/80:hover { background-color:rgb(185 28 28 / 0.8) !important; }
#package-cards .hover\:bg-destructive\/90:hover { background-color:rgb(185 28 28 / 0.9) !important; }
#package-cards .hover\:bg-primary\/80:hover { background-color:hsl(var(--primary) / 0.8) !important; }
#package-cards .hover\:bg-primary\/90:hover { background-color:hsl(var(--primary) / 0.9) !important; }
#package-cards .hover\:bg-secondary\/80:hover { background-color:hsl(var(--secondary) / 0.8) !important; }
#package-cards .hover\:text-accent-foreground:hover { color:hsl(var(--foreground)) !important; }
#package-cards .hover\:text-primary:hover { color:hsl(var(--primary)) !important; }
#package-cards .hover\:underline:hover { text-decoration-line:underline !important; }
#package-cards .focus\:outline-none:focus { outline:2px solid transparent !important; outline-offset:2px !important; }
#package-cards .focus\:ring-2:focus { --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; }
#package-cards .focus\:ring-ring:focus { --tw-ring-color:hsl(var(--primary)) !important; }
#package-cards .focus\:ring-offset-2:focus { --tw-ring-offset-width:2px !important; }
#package-cards .focus-visible\:outline-none:focus-visible { outline:2px solid transparent !important; outline-offset:2px !important; }
#package-cards .focus-visible\:outline:focus-visible { outline-style:solid !important; }
#package-cards .focus-visible\:outline-2:focus-visible { outline-width:2px !important; }
#package-cards .focus-visible\:outline-white:focus-visible { outline-color:#fff !important; }
#package-cards .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; }
#package-cards .focus-visible\:ring-ring:focus-visible { --tw-ring-color:hsl(var(--primary)) !important; }
#package-cards .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width:2px !important; }
#package-cards .disabled\:pointer-events-none:disabled { pointer-events:none !important; }
#package-cards .disabled\:opacity-50:disabled { opacity:0.5 !important; }
#package-cards :is(.group:hover .group-hover\:translate-x-1) { --tw-translate-x:0.25rem !important; transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
@media (prefers-reduced-motion: reduce) {
 #package-cards .motion-reduce\:transform-none { transform:none !important; } }