@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-primary: 6 182 212;--color-primary-dark: 8 145 178;--color-secondary: 20 184 166;--color-accent: 34 211 238;--color-background: 248 250 252;--color-surface: 255 255 255;--color-text: 15 23 42;--color-text-muted: 100 116 139;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem}body{@apply font-sans bg-slate-50 text-slate-900 antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.01em;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}::selection{@apply bg-cyan-100 text-cyan-900;}}@layer utilities{::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{@apply bg-gradient-to-b from-cyan-400 to-cyan-600 rounded-full;}.btn-glow{position:relative;overflow:hidden}.btn-glow:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-glow:hover:before{width:300px;height:300px}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.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,opacity .6s;opacity:0}.ripple:active:after{width:200px;height:200px;opacity:1;transition:0s}::-webkit-scrollbar-thumb:hover{@apply from-cyan-500 to-cyan-700;}.card-premium{@apply bg-white/80 backdrop-blur-sm border border-slate-200/60 rounded-2xl transition-all duration-300;box-shadow:0 1px 3px #0000000d,0 20px 25px -5px #00000005}.card-premium:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.btn-interactive{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-interactive:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-interactive:hover:after{width:300px;height:300px}.btn-interactive:active{transform:scale(.98)}.gradient-text{background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.icon-lift{transition:transform .3s cubic-bezier(.4,0,.2,1)}.icon-lift:hover{transform:translateY(-3px)}.card-premium:hover{@apply border-cyan-200 shadow-xl;box-shadow:0 20px 25px -5px #06b6d41a,0 8px 10px -6px #06b6d40d;transform:translateY(-2px)}.btn-premium{@apply px-4 py-2 rounded-xl font-semibold text-sm transition-all duration-300;box-shadow:0 1px 2px #0000000d}.btn-primary{@apply bg-gradient-to-r from-cyan-500 to-teal-500 text-white hover:from-cyan-600 hover:to-teal-600 active:scale-95;box-shadow:0 4px 6px -1px #06b6d44d,0 2px 4px -2px #06b6d433}.btn-secondary{@apply bg-slate-100 text-slate-700 hover:bg-slate-200 active:scale-95;}.btn-ghost{@apply bg-transparent text-slate-600 hover:bg-slate-100 active:scale-95;}.glass-card{@apply bg-white/70 backdrop-blur-xl border border-white/20;box-shadow:0 8px 32px #06b6d414}.gradient-premium{background:linear-gradient(135deg,#06b6d4,#0891b2,#14b8a6)}.gradient-mesh{background:radial-gradient(at 0% 0%,rgba(6,182,212,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(20,184,166,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(6,182,212,.15) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(20,184,166,.15) 0px,transparent 50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px #06b6d44d}50%{box-shadow:0 0 30px #06b6d499}}@keyframes progress-loading{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in-left{animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in-right{animation:slideInRight .5s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{animation:scaleIn .6s cubic-bezier(.16,1,.3,1) forwards}.animate-shimmer{animation:shimmer 3s infinite linear;background:linear-gradient(90deg,transparent,rgba(6,182,212,.1),transparent);background-size:1000px 100%}.delay-400{animation-delay:.4s}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes focus-ring{0%{box-shadow:0 0 #06b6d480}to{box-shadow:0 0 0 4px #06b6d400}}.focus-animate:focus{animation:focus-ring .6s ease-out}.page-transition{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0)}.page-exit{opacity:1}.page-exit-active{opacity:0;transform:translateY(-20px)}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-soft{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-progress-loading{animation:progress-loading 1.5s ease-in-out forwards}.animate-bounce-soft{animation:bounce 1s ease-in-out infinite}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.focus-premium{@apply focus:outline-none focus:ring-2 focus:ring-cyan-500 focus:ring-offset-2;}.input-premium{@apply w-full px-4 py-2.5 border border-slate-200 rounded-xl text-sm bg-white;@apply focus:outline-none focus:border-cyan-400 focus:ring-2 focus:ring-cyan-500/20;@apply transition-all duration-300;}.shine{position:relative;overflow:hidden}.shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.shine:hover:before{left:100%}}