.banner-header{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1));width:100%;padding-top:5rem;padding-bottom:5rem;position:relative;overflow:hidden}@media (min-width:768px){.banner-header{padding-top:8rem;padding-bottom:8rem}}@media (min-width:1024px){.banner-header{padding-top:12rem;padding-bottom:12rem}}.banner-header:before{content:"";background-image:radial-gradient(circle,#4f46e526,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.banner-header:after{content:"";--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1));--tw-blur:blur(64px);width:100%;height:12rem;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);position:absolute;bottom:-6rem;left:0}.glass-card{--tw-backdrop-blur:blur(16px);-webkit-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);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);background-color:#ffffff0d;border-width:1px;border-color:#ffffff1a;border-radius:1rem;padding:1.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.glass-card:hover{--tw-translate-y:-.25rem;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));background-color:#ffffff1a;border-color:#fff3}.step-number{--tw-text-opacity:1;width:3rem;height:3rem;color:rgb(129 140 248/var(--tw-text-opacity,1));--tw-shadow:0 0 20px #4f46e533;--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#4f46e533;border-width:1px;border-color:#6366f14d;border-radius:1rem;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.75rem;display:flex}.template-card{--tw-border-opacity:1;border-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));border-radius:1rem;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.5s;position:relative;overflow:hidden}.template-card:hover{--tw-translate-y:-.5rem;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));--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-shadow-color:#6366f11a}.template-card .template-overlay{opacity:0;background-color:#02061766;justify-content:center;align-items:center;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;display:flex;position:absolute;inset:0}.template-card:hover .template-overlay{opacity:1}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}
