@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 98%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 172 66% 40%;--primary-foreground: 0 0% 100%;--secondary: 217 91% 60%;--secondary-foreground: 0 0% 100%;--muted: 240 4.8% 90%;--muted-foreground: 240 3.8% 40%;--accent: 240 4.8% 90%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 85%;--input: 240 5.9% 85%;--ring: 172 66% 40%;--radius: .5rem;--unlocka-primary: 173 80% 40%;--unlocka-primary-dark: 175 84% 32%;--unlocka-secondary: 221 83% 53%;--unlocka-secondary-dark: 224 76% 48%;--unlocka-black: 0 0% 98%;--unlocka-gray-900: 0 0% 93%;--unlocka-gray-800: 0 0% 88%;--unlocka-gray-700: 0 0% 80%;--unlocka-gray-600: 0 0% 65%;--unlocka-gray-400: 215 12% 46%;--unlocka-gray-300: 215 15% 32%;--unlocka-gray-100: 215 20% 18%;--unlocka-white: 0 0% 6%;--unlocka-success: 160 84% 34%;--unlocka-warning: 38 92% 45%;--unlocka-error: 0 84% 50%}.dark{--background: 240 10% 4%;--foreground: 0 0% 98%;--card: 240 10% 8%;--card-foreground: 0 0% 98%;--popover: 240 10% 8%;--popover-foreground: 0 0% 98%;--primary: 172 66% 50%;--primary-foreground: 144 30% 10%;--secondary: 217 91% 60%;--secondary-foreground: 210 40% 98%;--muted: 240 3.7% 16%;--muted-foreground: 240 5% 70%;--accent: 240 3.7% 16%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 20%;--input: 240 3.7% 20%;--ring: 172 66% 50%;--unlocka-primary: 172 66% 50%;--unlocka-primary-dark: 175 84% 32%;--unlocka-secondary: 221 83% 53%;--unlocka-secondary-dark: 224 76% 48%;--unlocka-black: 240 10% 3.9%;--unlocka-gray-900: 240 10% 5.9%;--unlocka-gray-800: 240 10% 10%;--unlocka-gray-700: 240 5% 16%;--unlocka-gray-600: 240 5% 26%;--unlocka-gray-400: 240 5% 65%;--unlocka-gray-300: 240 5% 84%;--unlocka-gray-100: 240 5% 96%;--unlocka-white: 0 0% 100%;--unlocka-success: 142 76% 36%;--unlocka-warning: 38 92% 50%;--unlocka-error: 0 84% 60%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground font-inter antialiased leading-relaxed;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;hanging-punctuation:first last}html{scroll-behavior:smooth}::selection{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:hsl(var(--background))}*::-webkit-scrollbar-thumb{background:hsl(var(--muted));border-radius:9999px;border:2px solid hsl(var(--background))}*::-webkit-scrollbar-thumb:hover{background:hsl(var(--accent))}a:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--ring));border-radius:.5rem}input,textarea,select{@apply w-full rounded-lg border border-input bg-background text-foreground placeholder:text-muted-foreground px-4 py-2.5 text-sm outline-none transition-all duration-200 ease-out focus:ring-2 focus:ring-ring focus:ring-offset-1 focus:ring-offset-background hover:border-ring disabled:opacity-50 disabled:cursor-not-allowed shadow-sm;}input::placeholder,textarea::placeholder{@apply text-muted-foreground/80;}input,textarea,select,button{-webkit-tap-highlight-color:transparent}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active{-webkit-text-fill-color:hsl(var(--unlocka-white))!important;-webkit-box-shadow:0 0 0px 1000px hsl(var(--unlocka-gray-800) / .5) inset!important;box-shadow:0 0 0 1000px hsl(var(--unlocka-gray-800) / .5) inset!important;transition:background-color 5000s ease-in-out 0s;background-color:hsl(var(--unlocka-gray-800) / .5)!important;color:hsl(var(--unlocka-white))!important}}@layer utilities{.text-primary,.text-secondary,.text-accent{@apply text-unlocka-secondary;}.glass-effect{@apply bg-unlocka-gray-900/80 backdrop-blur-sm border border-unlocka-gray-700/50;box-shadow:0 8px 32px #0000004d}.glass-effect-strong{@apply bg-unlocka-gray-900/90 backdrop-blur-md border border-unlocka-gray-600/50;box-shadow:0 12px 40px #0006}.card-elevation-1{@apply bg-unlocka-gray-900/80 backdrop-blur-sm border border-unlocka-gray-700/50 shadow-sm;}.card-elevation-2{@apply bg-unlocka-gray-900/80 backdrop-blur-sm border border-unlocka-gray-700/50 shadow-md;}.card-elevation-3{@apply bg-unlocka-gray-900/90 backdrop-blur-md border border-unlocka-gray-600/50 shadow-lg;}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);@apply shadow-xl border-unlocka-primary/30;}.bg-gradient-primary{background:linear-gradient(135deg,#14b8a61f,#1d4ed81a)}.bg-mesh-gradient{background:radial-gradient(circle at 20% 80%,rgba(20,184,166,.14) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(37,99,235,.14) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(56,189,248,.1) 0%,transparent 50%)}.skeleton{@apply bg-muted animate-pulse rounded;}.focus-ring{transition:box-shadow .2s ease}.focus-ring:focus{outline:none;box-shadow:0 0 0 2px hsl(var(--ring))}@media(max-width:768px){.hover-lift:hover{transform:none}}}