@tailwind base;@tailwind components;@tailwind utilities;@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.8}}.animate-fade-in-up{animation:fade-in-up .6s ease-out}.animate-fade-in{animation:fade-in .3s ease-out}.animate-pulse-soft{animation:pulse-soft 2s infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.feature-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5dade2,#3498db);opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.demo-preview{transition:all .3s ease-out}.category-btn{transition:all .2s ease-out;position:relative;overflow:hidden}.category-btn:hover{transform:scale(1.05);box-shadow:0 4px 6px -1px #5dade24d,0 2px 4px -1px #5dade233}.category-btn.active{transform:scale(1.05);box-shadow:0 4px 6px -1px #5dade266,0 2px 4px -1px #5dade24d}.category-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s,height .4s}.category-btn:active:after{width:200px;height:200px}.btn-enhanced{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-enhanced:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #5dade266}.btn-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-enhanced:hover:before{left:100%}.nav-link{position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#5dade2;transition:width .3s ease}.nav-link:hover:after{width:100%}.card-glow{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-glow:hover{box-shadow:0 0 20px #5dade24d;transform:translateY(-4px)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #5dade2b3}50%{box-shadow:0 0 0 10px #5dade200}}.cta-pulse{animation:pulse-glow 2s infinite}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.focus-enhanced:focus{outline:none;box-shadow:0 0 0 3px #5dade280}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}.breadcrumb-item{transition:all .2s ease}.breadcrumb-item:hover{color:#5dade2;transform:translate(2px)}@keyframes progress-slide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.progress-animate{animation:progress-slide 1s ease-out}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-in{animation:slide-in .3s ease-out}@keyframes mega-menu-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mega-menu-animate{animation:mega-menu-fade .3s ease-out}.role-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.role-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #00000026}.role-card .icon-wrapper{transition:all .3s ease}.role-card:hover .icon-wrapper{transform:scale(1.1) rotate(5deg)}.role-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#5dade21a,#f4d03f1a);opacity:0;transition:opacity .3s;pointer-events:none}.role-card:hover:after{opacity:1}.pricing-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pricing-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #0000001f}.pricing-card.featured{transform:scale(1.05);border-color:var(--primary-blue)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-8px);box-shadow:0 25px 50px #5dade233}.testimonial-card{transition:all .3s ease;position:relative}.testimonial-card:hover{transform:translateY(-5px) rotateX(2deg);box-shadow:0 15px 30px #0000001a}.testimonial-card .avatar{transition:all .3s ease}.testimonial-card:hover .avatar{transform:scale(1.1);border-color:var(--primary-blue);box-shadow:0 0 20px #5dade24d}.faq-item{transition:all .3s ease;position:relative}.faq-item:hover{background:linear-gradient(90deg,#5dade20d,#f4d03f0d)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:500px;padding:1rem 0}.faq-icon{transition:transform .3s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.search-input{transition:all .3s ease;position:relative}.search-input:focus{box-shadow:0 0 0 3px #5dade233;border-color:var(--primary-blue);transform:scale(1.02)}.search-input:focus::placeholder{opacity:.7;transform:translate(2px)}.mobile-menu{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu.open{transform:translate(0)}.mobile-menu-overlay{opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.back-to-top{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.back-to-top:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 10px 25px #5dade24d}.back-to-top:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s,height .4s}.back-to-top:hover:before{width:100px;height:100px}.smart-cta{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.smart-cta:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px #00000026}.smart-cta:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#5dade21a,#f4d03f1a);opacity:0;transition:opacity .3s;pointer-events:none}.smart-cta:hover:after{opacity:1}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.breadcrumb-item{transition:all .2s ease;position:relative}.breadcrumb-item:hover{color:var(--primary-blue);transform:translate(3px)}.breadcrumb-item:hover:before{content:"";position:absolute;left:-5px;top:50%;width:3px;height:3px;background:var(--primary-blue);border-radius:50%;transform:translateY(-50%)}.stats-strip{position:relative;overflow:hidden}.stats-strip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:statsShimmer 3s infinite}@keyframes statsShimmer{0%{left:-100%}to{left:100%}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;position:relative;overflow:hidden}.loading-skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(93,173,226,.1),transparent);animation:skeletonPulse 2s infinite}@keyframes skeletonPulse{0%,to{opacity:0}50%{opacity:1}}.success-animation{animation:successPulse .6s ease;position:relative}.success-animation:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#10b981;font-size:2rem;animation:checkmarkAppear .6s ease}@keyframes checkmarkAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.error-animation{animation:errorShake .6s ease;position:relative}.error-animation:after{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ef4444;font-size:2rem;animation:errorAppear .6s ease}@keyframes errorAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@media(max-width:768px){.feature-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 10px 20px #0000001a}.pricing-card:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 10px 20px #00000014}.role-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 15px 25px #0000001a}.testimonial-card:hover{transform:translateY(-3px);box-shadow:0 8px 15px #00000014}}html{scroll-behavior:smooth}.focus-visible:focus{outline:2px solid var(--primary-blue);outline-offset:2px;position:relative}.focus-visible:focus:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:1px solid var(--primary-blue);border-radius:4px;animation:focusPulse 1s infinite}@keyframes focusPulse{0%,to{opacity:1}50%{opacity:.5}}.interactive-element{transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.interactive-element:hover{transform:scale(1.05);filter:brightness(1.1)}.interactive-element:active{transform:scale(.98);filter:brightness(.95)}.interactive-element:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#5dade233;transform:translate(-50%,-50%);transition:width .3s,height .3s;z-index:-1}.interactive-element:hover:before{width:100%;height:100%}@media(max-width:480px){.text-mobile-xs{font-size:.75rem;line-height:1rem}.text-mobile-sm{font-size:.875rem;line-height:1.25rem}.text-mobile-base{font-size:1rem;line-height:1.5rem}.text-mobile-lg{font-size:1.125rem;line-height:1.75rem}.text-mobile-xl{font-size:1.25rem;line-height:1.75rem}.text-mobile-2xl{font-size:1.5rem;line-height:2rem}.text-mobile-3xl{font-size:1.875rem;line-height:2.25rem}.text-mobile-4xl{font-size:2.25rem;line-height:2.5rem}.touch-target-min{min-height:44px;min-width:44px}.touch-target-large{min-height:48px;min-width:48px}input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{font-size:16px!important;padding:12px 16px;border-radius:8px}.mobile-nav{padding:8px 12px}.mobile-nav-item{padding:12px 16px;margin:4px 0;border-radius:8px}.mobile-card{margin:8px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.mobile-button{padding:12px 20px;font-size:16px;border-radius:8px;min-height:48px}.mobile-image{max-width:100%;height:auto;border-radius:8px}.mobile-spacing-xs{margin:4px}.mobile-spacing-sm{margin:8px}.mobile-spacing-md{margin:16px}.mobile-spacing-lg{margin:24px}}@media(min-width:481px)and (max-width:768px){.text-tablet-xs{font-size:.875rem;line-height:1.25rem}.text-tablet-sm{font-size:1rem;line-height:1.5rem}.text-tablet-base{font-size:1.125rem;line-height:1.75rem}.text-tablet-lg{font-size:1.25rem;line-height:1.75rem}.text-tablet-xl{font-size:1.5rem;line-height:2rem}.text-tablet-2xl{font-size:1.875rem;line-height:2.25rem}.text-tablet-3xl{font-size:2.25rem;line-height:2.5rem}.tablet-touch-target{min-height:40px;min-width:40px}.tablet-nav{padding:10px 16px}.tablet-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tablet-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:769px)and (max-width:1024px){.text-tablet-lg-landscape{font-size:1.375rem;line-height:1.75rem}.text-tablet-xl-landscape{font-size:1.625rem;line-height:2rem}.tablet-landscape-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.tablet-landscape-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tablet-landscape-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}}@media(min-width:1025px){.desktop-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.desktop-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}}.lazy-load{opacity:0;transition:opacity .3s ease-in-out}.lazy-load.loaded,.no-js .lazy-load{opacity:1}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.high-dpi-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-color-scheme:dark){.dark-mode-auto{background-color:#1a1a1a;color:#fff}}@media(hover:none)and (pointer:coarse){.touch-hover:hover{background-color:transparent}.touch-hover:active{background-color:#5dade21a;transform:scale(.98)}.no-touch-hover:hover{transform:none;box-shadow:none}}@media(hover:hover)and (pointer:fine){.keyboard-focus:focus-visible{outline:2px solid #5DADE2;outline-offset:2px}}@container (max-width: 300px){.container-small{font-size:.875rem}}@container (min-width: 301px) and (max-width: 600px){.container-medium{font-size:1rem}}@container (min-width: 601px){.container-large{font-size:1.125rem}}@media print{.print-hidden{display:none!important}.print-only{display:block!important}body{font-size:12pt;line-height:1.4}a{text-decoration:none;color:#000}}@media(orientation:landscape)and (max-height:500px){.landscape-compact{padding:8px 12px}.landscape-compact .text-3xl{font-size:1.5rem}.landscape-compact .text-4xl{font-size:2rem}}@media(orientation:portrait)and (max-width:480px){.portrait-mobile{padding:16px}.portrait-mobile .text-4xl{font-size:2rem;line-height:1.2}}@media(max-height:600px){.short-viewport{min-height:auto;padding:12px 0}}@media(min-height:801px){.tall-viewport{min-height:100vh}}@media(prefers-reduced-data:reduce){.data-heavy{display:none}.data-light{display:block}img{content-visibility:auto}}@media(update:slow){.performance-heavy{animation:none;transition:none}}@media(prefers-contrast:high){.high-contrast{border:2px solid #000;background-color:#fff;color:#000}}.gesture-indicator{position:relative}.gesture-indicator:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background:#5dade24d;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .3s ease}.gesture-indicator:active:after{opacity:1}.responsive-text{font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.5}.responsive-heading{font-size:clamp(1.5rem,4vw,3rem);line-height:1.2}.responsive-subheading{font-size:clamp(1.25rem,3vw,2rem);line-height:1.3}.fluid-spacing{margin:clamp(1rem,5vw,2rem);padding:clamp(.5rem,2.5vw,1rem)}.aspect-responsive{aspect-ratio:16/9}@media(max-width:768px){.aspect-responsive{aspect-ratio:4/3}}@media(max-width:480px){.aspect-responsive{aspect-ratio:1/1}}.mobile-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.touch-dropdown{position:relative;min-height:48px}.touch-dropdown select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.mobile-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.mobile-carousel>*{scroll-snap-align:start;flex-shrink:0}.form-error-mobile{font-size:.875rem;color:#e74c3c;margin-top:4px;padding:8px;border-radius:4px;background-color:#e74c3c1a}@media(max-width:768px){.mobile-slide-up{animation:mobile-slide-up .3s ease-out}@keyframes mobile-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-fade-in{animation:mobile-fade-in .3s ease-out}@keyframes mobile-fade-in{0%{opacity:0}to{opacity:1}}}@media(min-width:768px)and (max-width:1024px){.tablet-split{display:grid;grid-template-columns:1fr 2fr;gap:20px}.tablet-centered{max-width:800px;margin:0 auto}}.responsive-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media(max-width:768px){.responsive-grid{grid-template-columns:1fr;gap:12px}}@media(min-width:769px)and (max-width:1024px){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}}.responsive-image{width:100%;height:auto;object-fit:cover;loading:lazy}@media(max-width:768px){.responsive-image{max-height:300px}}.swipe-container{touch-action:pan-x;overflow-x:hidden}.swipe-container.dragging{touch-action:none}.mobile-nav-toggle{display:block;position:fixed;top:16px;right:16px;z-index:1000;width:48px;height:48px;border-radius:50%;background:#5dade2;border:none;color:#fff;cursor:pointer}@media(min-width:769px){.mobile-nav-toggle{display:none}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.loading-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:8px}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-scroll-indicator{position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#5dade2cc;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:100}.responsive-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.responsive-video iframe,.responsive-video object,.responsive-video embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media(max-width:768px){.responsive-video{padding-bottom:75%}}