@tailwind base;@tailwind components;@tailwind utilities;@layer base{.font-brand{font-family:var(--font-brand)}.font-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em}}@layer components{.bg-vibeshift-primary{background:var(--vibeshift-gradient-primary)}.bg-vibeshift-secondary{background:var(--vibeshift-gradient-secondary)}.bg-vibeshift-accent{background:var(--vibeshift-gradient-accent)}.text-vibeshift-gradient{background:var(--vibeshift-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-vibeshift-primary{@apply bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 hover:from-indigo-600 hover:via-purple-600 hover:to-pink-600 text-white font-medium px-6 py-3 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105;}.btn-vibeshift-secondary{@apply bg-white/90 backdrop-blur-sm hover:bg-white text-gray-800 border border-gray-200 hover:border-gray-300 font-medium px-6 py-3 rounded-xl shadow-md hover:shadow-lg transition-all duration-300;}.btn-vibeshift-ghost{@apply bg-white/10 hover:bg-white/20 text-white border border-white/20 hover:border-white/30 font-medium px-6 py-3 rounded-xl backdrop-blur-sm transition-all duration-300;}.card-vibeshift{@apply bg-white/80 backdrop-blur-sm rounded-2xl shadow-lg hover:shadow-xl border border-white/20 transition-all duration-300 hover:scale-[1.02] hover:bg-white/90;}.input-vibeshift{@apply bg-white/90 backdrop-blur-sm border border-gray-200 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 rounded-xl px-4 py-3 font-medium transition-all duration-300 placeholder:text-gray-400;}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes vibeshift-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes vibeshift-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes vibeshift-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-shimmer{animation:shimmer 2s infinite}.animate-vibeshift-float{animation:vibeshift-float 3s ease-in-out infinite}.animate-vibeshift-pulse{animation:vibeshift-pulse 2s ease-in-out infinite}.animate-vibeshift-gradient{background-size:200% 200%;animation:vibeshift-gradient-shift 3s ease infinite}.glass-vibeshift{@apply bg-white/10 backdrop-blur-md border border-white/20;}.glass-vibeshift-strong{@apply bg-white/20 backdrop-blur-lg border border-white/30;}.glow-vibeshift{box-shadow:0 0 20px #6366f14d,0 0 40px #6366f133}.glow-vibeshift-pink{box-shadow:0 0 20px #ec48994d,0 0 40px #ec489933}.glow-vibeshift-cyan{box-shadow:0 0 20px #06b6d44d,0 0 40px #06b6d433}.hero-gradient{background:linear-gradient(135deg,#9333ea1a,#db27771a,#f973161a)}.section-gradient{background:linear-gradient(135deg,#111827cc,#1f2937cc)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-slow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.float-animation{animation:float 6s ease-in-out infinite}.pulse-slow{animation:pulse-slow 4s ease-in-out infinite}.gradient-shift{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.btn-primary{@apply bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 px-8 py-4 rounded-full text-lg font-semibold transition-all transform hover:scale-105 shadow-lg hover:shadow-purple-500/25;}.btn-secondary{@apply border border-gray-600 hover:border-gray-400 px-8 py-4 rounded-full text-lg font-semibold transition-all hover:bg-gray-900;}.btn-ghost{@apply text-gray-300 hover:text-white px-3 py-2 text-sm font-medium transition-colors;}.card-hover{@apply transition-all duration-300 hover:transform hover:scale-105 hover:shadow-xl;}.card-hover:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #9333ea1a}.text-gradient{@apply bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent;}.text-gradient-orange{@apply bg-gradient-to-r from-purple-400 via-pink-400 to-orange-400 bg-clip-text text-transparent;}.nav-blur{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000c}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#6366f1 #1f2937}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#1f2937;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:10px;border:2px solid #1f2937}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#db2777)}.loading-shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);background-size:200px 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media (max-width: 640px){.text-responsive-xl{@apply text-3xl;}.text-responsive-2xl{@apply text-4xl;}}@media (min-width: 641px){.text-responsive-xl{@apply text-4xl;}.text-responsive-2xl{@apply text-5xl;}}@media (min-width: 1024px){.text-responsive-xl{@apply text-5xl;}.text-responsive-2xl{@apply text-6xl;}}.before-after-container{position:relative;overflow:hidden;border-radius:12px}.before-after-slider{position:absolute;top:0;left:50%;width:2px;height:100%;background:#fff;cursor:ew-resize;z-index:10}.before-after-slider:before{content:"";position:absolute;top:50%;left:-10px;width:20px;height:20px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 2px 8px #0000004d}.testimonial-card{@apply bg-gray-800/50 rounded-2xl p-8 backdrop-blur-sm border border-gray-700 hover:border-purple-500/20 transition-all;}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #9333ea1a}.pricing-popular{position:relative}.pricing-popular:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#6366f1,#ec4899);mask:linear-gradient(white 0 0) content-box,linear-gradient(white 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.faq-content{overflow:hidden;transition:max-height .3s ease-out}.faq-content.open{max-height:200px}.faq-content.closed{max-height:0}@media (max-width: 768px){.mobile-padding{@apply px-4;}.mobile-text-sm{@apply text-sm;}.mobile-gap{@apply gap-4;}}.gpu-acceleration{transform:translateZ(0);will-change:transform}.focus-visible{@apply focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 focus:ring-offset-gray-900;}.container-responsive{@apply mx-auto px-4 sm:px-6 lg:px-8;max-width:1280px}.section-padding{@apply py-20 px-4 sm:px-6 lg:px-8;}.section-padding-sm{@apply py-12 px-4 sm:px-6 lg:px-8;}.image-crisp{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.image-smooth{image-rendering:auto}@media print{.no-print{display:none!important}}@media (prefers-contrast: high){.text-gradient{@apply text-white;background:none}.border-gray-700{@apply border-gray-300;}.text-gray-400{@apply text-gray-200;}}
