:root{--color-primary: #6c5ce7;--color-primary-light: #a29bfe;--color-primary-dark: #5f3dc4;--color-secondary: #00cec9;--color-secondary-light: #81ecec;--color-secondary-dark: #00b894;--color-accent-pink: #fd79a8;--color-accent-orange: #fdcb6e;--color-accent-green: #55efc4;--color-accent-blue: #74b9ff;--color-white: #ffffff;--color-light: #f8f9fa;--color-muted: #6c757d;--color-dark: #2d3436;--color-danger: #ff7675;--color-success: #00b894;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warm: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 3rem;--space-2xl: 4rem;--font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--font-size-6xl: 6rem;--font-size-9xl: 9rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(108, 92, 231, .3);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:linear-gradient(to bottom right,#f8f9fa,#e9ecef);color:var(--color-dark);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-px{max-width:600px}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1 1 0%}.flex-none{flex:none}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-end{align-items:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.bottom-4{bottom:1rem}.left-0{left:0}.right-0{right:0}.-right-8{right:-2rem}.-top-8{top:-2rem}.-left-8{left:-2rem}.z-10{z-index:10}.hidden{display:none}.block{display:block}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-4{margin-top:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.pb-12{padding-bottom:3rem}.text-center{text-align:center}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-9xl{font-size:8rem}.tracking-tight{letter-spacing:-.025em}.bg-white{background-color:var(--color-white)}.bg-slate-100{background-color:#f1f5f9}.bg-slate-200{background-color:#e2e8f0}.bg-black\/5{background-color:#0000000d}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-sky-50{--tw-gradient-from: #f0f9ff;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(240, 249, 255, 0))}.to-white{--tw-gradient-to: #ffffff}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-primary{--tw-gradient-from: var(--color-primary);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(108, 92, 231, 0))}.to-secondary{--tw-gradient-to: var(--color-secondary)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.text-primary{color:var(--color-primary)}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-white{color:#fff}.bg-orange-50{background-color:#fff7ed}.bg-orange-100{background-color:#ffedd5}.border-orange-200{border-color:#fed7aa}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.border-blue-200{border-color:#bfdbfe}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.border-green-200{border-color:#bbf7d0}.bg-emerald-50{background-color:#ecfdf5}.bg-emerald-100{background-color:#d1fae5}.border-emerald-200{border-color:#a7f3d0}.bg-purple-50{background-color:#faf5ff}.bg-purple-100{background-color:#f3e8ff}.border-purple-200{border-color:#e9d5ff}.border-purple-300{border-color:#d8b4fe}.bg-yellow-100{background-color:#fef9c3}.border-yellow-300{border-color:#fde047}.bg-sky-50{background-color:#f0f9ff}.border{border-width:1px;border-style:solid}.border-2{border-width:2px;border-style:solid}.border-4{border-width:4px;border-style:solid}.border-slate-100{border-color:#f1f5f9}.border-white{border-color:#fff}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-bl-none{border-bottom-left-radius:0}.rounded-br-none{border-bottom-right-radius:0}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.transform{transform:var(--tw-transform)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.hover\:scale-105:hover{transform:scale(1.05)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:opacity-10{opacity:.1}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hover\:bg-black\/5:hover{background-color:#0000000d}.hover\:bg-slate-200:hover{background-color:#e2e8f0}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.rotate-2{transform:rotate(2deg)}.-rotate-2{transform:rotate(-2deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(-10%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn 1s ease-out forwards}.animate-slideUp{animation:slideUp 1s ease-out forwards}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}@media(min-width:768px){.md\:flex-row{flex-direction:row}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-2xl{font-size:1.5rem}.md\:text-6xl{font-size:3.75rem}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.hidden{display:none}.md\:block{display:block}}@media(min-width:1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}