@tailwind base;@tailwind components;@tailwind utilities;:root{--color-dominant: #FAF5FF;--color-dominant-alt: #F5F3FF;--color-secondary: #FFFFFF;--color-secondary-hover: #FAFAFA;--color-accent: #8B5CF6;--color-accent-hover: #7C3AED;--color-accent-light: #C4B5FD;--text-main: #1F2937;--text-muted: #6B7280;--text-on-accent: #FFFFFF;--border-color: #E2E8F0;--border-hover: #C4B5FD;--primary-lavender: var(--color-accent-light);--primary-lavender-dark: var(--color-accent);--bg-page: var(--color-dominant);--bg-card: var(--color-secondary);--bg-input: var(--color-secondary)}.dark{--color-dominant: #0F172A;--color-dominant-alt: #1E293B;--color-secondary: #1E293B;--color-secondary-hover: #334155;--color-accent: #A78BFA;--color-accent-hover: #8B5CF6;--color-accent-light: #7C3AED;--text-main: #F1F5F9;--text-muted: #94A3B8;--text-on-accent: #FFFFFF;--border-color: #334155;--border-hover: #7C3AED;--primary-lavender: var(--color-accent);--primary-lavender-dark: var(--color-accent-hover);--bg-page: var(--color-dominant);--bg-card: var(--color-secondary);--bg-input: var(--color-secondary)}body{@apply font-sans antialiased;color:var(--text-main);background-color:var(--bg-page);background-image:radial-gradient(var(--border-color) 1px,transparent 1px);background-size:24px 24px;transition:background-color .3s ease,color .3s ease}.dark .bg-white{background-color:var(--bg-card)!important}.dark .bg-slate-50{background-color:var(--bg-page)!important}.dark .text-slate-900,.dark .text-slate-800,.dark .text-slate-700{color:var(--text-main)!important}.dark .text-slate-600,.dark .text-slate-500,.dark .text-slate-400{color:var(--text-muted)!important}.dark .border-slate-200,.dark .border-slate-100{border-color:var(--border-color)!important}.dark .bg-gradient-to-t{--tw-gradient-from: var(--bg-page) !important;--tw-gradient-via: rgba(15, 23, 42, .9) !important}.font-display{font-family:Rajdhani,sans-serif}.btn-duo-primary{@apply relative inline-flex items-center justify-center px-8 py-4 font-bold uppercase tracking-wider rounded-2xl transition-all duration-150 transform;background-color:#c4b5fd;color:#4c1d95;box-shadow:0 4px #8b5cf6}.btn-duo-primary:hover{background-color:#ddd6fe;transform:translateY(-2px);box-shadow:0 6px #8b5cf6}.btn-duo-primary:active{transform:translateY(2px);box-shadow:0 0 #8b5cf6}.btn-duo-secondary{@apply relative inline-flex items-center justify-center px-8 py-4 font-bold uppercase tracking-wider rounded-2xl transition-all duration-150 transform;background-color:#fff;color:#64748b;border:2px solid #E2E8F0;box-shadow:0 4px #e2e8f0}.btn-duo-secondary:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 6px #e2e8f0}.btn-duo-secondary:active{transform:translateY(2px);box-shadow:0 0 #e2e8f0}.card-clean{@apply bg-white rounded-3xl border-2 border-slate-100 p-6 transition-all duration-300;box-shadow:0 4px 6px -1px #0000000d}.card-clean:hover{@apply border-violet-200;transform:translateY(-4px);box-shadow:0 10px 15px -3px #8b5cf61a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 4s ease-in-out infinite}::-webkit-scrollbar{width:8px}@keyframes scan-reveal{0%{height:0%}to{height:100%}}@keyframes scan-line{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.animate-scan-line{animation:scan-line 3s linear infinite}.animate-scan-reveal{animation:scan-reveal 3s linear infinite;border-bottom:2px solid #8B5CF6}.transform-style-3d{transform-style:preserve-3d}.perspective-1000{perspective:1000px}.perspective-2000{perspective:2000px}.backface-hidden{backface-visibility:hidden}.rotate-y-12{transform:rotateY(12deg)}.rotate-x-12{transform:rotateX(12deg)}.translate-z-50{transform:translateZ(50px)}.translate-z-100{transform:translateZ(100px)}.translate-z-200{transform:translateZ(200px)}.hero-gradient{background:radial-gradient(ellipse at top,#2e1065,#0f172a,#000);position:relative;overflow:hidden}.particle-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.particle{position:absolute;background:#fff;border-radius:50%;opacity:.1;animation:float-particle 10s infinite linear}@keyframes float-particle{0%{transform:translateY(0) translate(0) scale(1);opacity:0}50%{opacity:.3}to{transform:translateY(-100vh) translate(50px) scale(0);opacity:0}}.tilt-card{transition:transform .1s ease-out;transform-style:preserve-3d}.tilt-card:hover{transform:perspective(1000px) rotateX(var(--rotateX)) rotateY(var(--rotateY)) scale(1.02)}.text-glow{text-shadow:0 0 20px rgba(139,92,246,.5)}.btn-glow-border{position:relative;overflow:hidden}.btn-glow-border:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-zoom-in{animation:zoom-in .2s ease-out forwards}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slide-in-right .3s ease-out forwards}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-shake{animation:shake .4s ease-in-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.hero-grid{background-size:50px 50px;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}.text-shadow-lg{text-shadow:0 10px 30px rgba(0,0,0,.5)}.feature-card-gradient{background:linear-gradient(180deg,#ffffff1a,#ffffff05)}.feature-pill-gradient{background:linear-gradient(90deg,#1e293bb3,#0f172ae6);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a}
