@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-light: #ffffff;--glass-border: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .95)}@layer base{html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{@apply bg-white text-gray-900 antialiased font-sans selection:bg-blue-100 selection:text-blue-900;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{@apply bg-transparent;}::-webkit-scrollbar-thumb{@apply bg-gray-300 rounded-full hover:bg-gray-400 transition-colors;}}@layer utilities{.glass{@apply bg-white/90 backdrop-blur-md border border-gray-200 shadow-lg shadow-gray-200/50;}.glass-hover{@apply hover:bg-white hover:border-gray-300 hover:shadow-xl transition-all duration-300;}.text-glow{text-shadow:0 0 20px rgba(99,102,241,.5)}.card-gradient{background:linear-gradient(145deg,#ffffff0d,#ffffff03)}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-indigo-400 to-cyan-400;}.text-gradient-purple{@apply bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-400;}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.animate-twinkle{animation:twinkle 4s ease-in-out infinite}@keyframes move-background{0%{background-position:0 0}to{background-position:1000px 500px}}.animate-space-travel{animation:move-background 60s linear infinite}@keyframes shoot{0%{transform:rotate(215deg) translate(0);opacity:0;width:0}10%{opacity:1;width:100px}to{transform:rotate(215deg) translate(-800px);opacity:0;width:0}}@keyframes drift{0%{transform:translate(0)}25%{transform:translate(20px,-20px)}50%{transform:translate(-10px,-40px)}75%{transform:translate(-30px,-10px)}to{transform:translate(0)}}.animate-drift{animation:drift 60s ease-in-out infinite}@keyframes shoot{0%{transform:translate(-50px) translateY(-50px) rotate(45deg);opacity:1;width:0}20%{opacity:1;width:150px}to{transform:translate(1000px) translateY(1000px) rotate(45deg);opacity:0;width:0}}.animate-shooting-star{position:absolute;height:2px;background:linear-gradient(to right,#fff0,#fff,#fff0);border-radius:999px;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px #818cf8);animation:shoot 4s ease-out infinite;opacity:0}@keyframes spring-in{0%{transform:scale(.8) translateY(20px);opacity:0}50%{transform:scale(1.05) translateY(-5px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate-scale{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.transition-spring{transition:all .5s cubic-bezier(.34,1.56,.64,1)}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-dark{background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 60px -10px #00000026}.btn-press:active{transform:scale(.95);transition:transform .1s ease}html{scroll-behavior:smooth}*{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.smooth-scroll-container{will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.scroll-smooth{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;will-change:scroll-position;transform:translateZ(0)}.scroll-hide::-webkit-scrollbar{display:none}.scroll-hide{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;will-change:scroll-position}.custom-scrollbar{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;will-change:scroll-position;transform:translateZ(0)}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#3b82f633;border-radius:3px;transition:background .2s cubic-bezier(.4,0,.2,1)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#3b82f666}.skeleton{background:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 10px 25px -5px #6366f133}50%{transform:scale(1.05);box-shadow:0 20px 40px -5px #6366f166}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}.stagger-item{animation:fade-in-up .5s ease-out backwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.glow{box-shadow:0 0 20px #3b82f666;animation:pulse-glow 2s ease-in-out infinite}.magnetic{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.color-transition{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.prevent-overscroll{overscroll-behavior:contain}.snap-scroll{scroll-snap-type:y mandatory;scroll-behavior:smooth}.snap-scroll>*{scroll-snap-align:start}@media(prefers-reduced-motion:no-preference){html,*{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px;transition:background .2s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar-thumb:hover{background:#0003}html.dark ::-webkit-scrollbar-thumb{background:#ffffff1a}html.dark ::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}html.dark *{scrollbar-color:rgba(255,255,255,.1) transparent}@supports (scroll-behavior: smooth){html{scroll-behavior:smooth}}@supports (-webkit-overflow-scrolling: touch){*{-webkit-overflow-scrolling:touch}}.prevent-layout-shift{content-visibility:auto;contain-intrinsic-size:auto 500px}.inertia-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-snap-type:y proximity}.optimize-scroll{will-change:scroll-position;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth;scroll-padding-top:2rem}*{scroll-behavior:smooth}@supports (scroll-timeline: --scroll){html{scroll-timeline:--scroll block;animation-timeline:--scroll}}}.butter-scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth;will-change:scroll-position;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.scroll-optimize{contain:layout style paint;content-visibility:auto}@media(hover:none)and (pointer:coarse){*{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none}}@media(hover:hover)and (pointer:fine){html{scroll-behavior:smooth}.enhanced-scroll{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding:2rem}}.prevent-global-scroll{position:relative}textarea,input[type=text],input[type=search],[contenteditable=true]{overscroll-behavior:contain}.rounded-sm{border-radius:.5rem!important}.rounded,.rounded-md{border-radius:.875rem!important}.rounded-lg{border-radius:1.25rem!important}.rounded-xl{border-radius:1.5rem!important}.rounded-2xl{border-radius:2rem!important}.rounded-3xl{border-radius:2.5rem!important}.rounded-card{border-radius:1.5rem}.rounded-button,.rounded-input{border-radius:.875rem}.rounded-modal{border-radius:2rem}.rounded-badge{border-radius:.5rem}.btn-primary{@apply px-6 py-3 rounded-2xl font-semibold text-white;@apply bg-gradient-to-r from-blue-600 to-indigo-600;@apply hover:from-blue-700 hover:to-indigo-700;@apply shadow-lg shadow-blue-500/30 hover:shadow-xl hover:shadow-blue-500/40;@apply transition-all duration-300 ease-out;@apply hover:scale-105 active:scale-95;}.btn-secondary{@apply px-6 py-3 rounded-2xl font-semibold;@apply bg-white text-gray-700 border-2 border-gray-200;@apply hover:bg-gray-50 hover:border-gray-300;@apply transition-all duration-300 ease-out;@apply hover:scale-105 active:scale-95;}.btn-icon{@apply w-12 h-12 rounded-2xl flex items-center justify-center;@apply bg-gradient-to-br from-gray-50 to-gray-100;@apply border border-gray-200;@apply hover:from-blue-50 hover:to-indigo-50;@apply hover:border-blue-300 hover:shadow-lg hover:shadow-blue-500/20;@apply transition-all duration-300 ease-out;@apply hover:scale-110 active:scale-95;}.btn-success{@apply px-6 py-3 rounded-2xl font-semibold text-white;@apply bg-gradient-to-r from-green-500 to-emerald-600;@apply hover:from-green-600 hover:to-emerald-700;@apply shadow-lg shadow-green-500/30 hover:shadow-xl hover:shadow-green-500/40;@apply transition-all duration-300 ease-out;@apply hover:scale-105 active:scale-95;}.btn-danger{@apply px-6 py-3 rounded-2xl font-semibold text-white;@apply bg-gradient-to-r from-red-500 to-rose-600;@apply hover:from-red-600 hover:to-rose-700;@apply shadow-lg shadow-red-500/30 hover:shadow-xl hover:shadow-red-500/40;@apply transition-all duration-300 ease-out;@apply hover:scale-105 active:scale-95;}.btn-warning{@apply px-6 py-3 rounded-2xl font-semibold text-white;@apply bg-gradient-to-r from-orange-500 to-amber-600;@apply hover:from-orange-600 hover:to-amber-700;@apply shadow-lg shadow-orange-500/30 hover:shadow-xl hover:shadow-orange-500/40;@apply transition-all duration-300 ease-out;@apply hover:scale-105 active:scale-95;}.btn-premium{@apply px-6 py-3 rounded-2xl font-semibold text-white;@apply bg-gradient-to-r from-purple-600 via-pink-600 to-red-600;@apply hover:from-purple-700 hover:via-pink-700 hover:to-red-700;@apply shadow-lg shadow-purple-500/30 hover:shadow-xl hover:shadow-purple-500/40;@apply transition-all duration-300 ease-out;@apply hover:scale-105 active:scale-95;}.btn-glass{@apply px-6 py-3 rounded-2xl font-semibold;@apply bg-white/80 backdrop-blur-md;@apply border border-white/20;@apply text-gray-700;@apply hover:bg-white/90 hover:shadow-xl;@apply transition-all duration-300 ease-out;@apply hover:scale-105 active:scale-95;}.btn-outline-gradient{@apply px-6 py-3 rounded-2xl font-semibold;@apply bg-white text-transparent bg-clip-text;@apply bg-gradient-to-r from-blue-600 to-indigo-600;@apply border-2 border-transparent;@apply hover:border-blue-500 hover:shadow-lg hover:shadow-blue-500/20;@apply transition-all duration-300 ease-out;@apply hover:scale-105 active:scale-95;position:relative}.btn-outline-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;padding:2px;background:linear-gradient(to right,#2563eb,#4f46e5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.btn-icon-sm{@apply w-10 h-10 rounded-xl flex items-center justify-center;@apply bg-gradient-to-br from-gray-50 to-gray-100;@apply border border-gray-200;@apply hover:from-blue-50 hover:to-indigo-50;@apply hover:border-blue-300 hover:shadow-md hover:shadow-blue-500/20;@apply transition-all duration-300 ease-out;@apply hover:scale-110 active:scale-95;}.btn-lg{@apply px-8 py-4 rounded-3xl font-bold text-lg;}.btn-fab{@apply w-16 h-16 rounded-full flex items-center justify-center;@apply bg-gradient-to-br from-blue-600 to-indigo-600;@apply text-white shadow-2xl shadow-blue-500/40;@apply hover:shadow-3xl hover:shadow-blue-500/50;@apply transition-all duration-300 ease-out;@apply hover:scale-110 active:scale-95;}.modal-backdrop-solid{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#000000bf!important;background-color:#000000bf!important;z-index:9998!important}.modal-backdrop-gray{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;background-color:#00000080!important;z-index:9998!important}.modal-backdrop-white{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#fff!important;background-color:#fff!important;z-index:9998!important;opacity:1!important}.modal-content-wrapper{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important}.modal-content-box{pointer-events:auto!important;background-color:#fff!important;max-width:28rem!important}