:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a1a1a;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #2563eb;--primary-glow: rgba(37, 99, 235, .2);--secondary: #0891b2;--accent: #059669;--bg-dark: #f8fafc;--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(255, 255, 255, .5)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 50%,#f1f5f9,#f8fafc)}#root{width:100%}*{box-sizing:border-box}.glass-card{background:var(--card-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffffe6;border-color:#2563eb33;transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}h1,h2,h3{letter-spacing:-.02em;color:#0f172a}.gradient-text{color:#0f172a}.intro-text{margin-top:1.5rem;line-height:1.6}.btn-primary{padding:12px 24px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:scale(1.02);box-shadow:0 8px 25px var(--primary-glow)}.max-w-6xl{max-width:72rem;margin-left:auto;margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.mb-16{margin-bottom:4rem}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mt-20{margin-top:5rem}.mt-2{margin-top:.5rem}.pb-12{padding-bottom:3rem}.p-3{padding:.75rem}.p-8{padding:2rem}.p-16{padding:4rem}.h-16{height:4rem}.w-fit{width:fit-content}.w-4{width:1rem}.h-4{height:1rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-32{width:8rem}.h-32{height:8rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-gray-400{color:#475569}.text-gray-500{color:#64748b}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.text-center{text-align:center}.leading-relaxed{line-height:1.625}.gap-8{gap:2rem}.gap-2{gap:.5rem}.rounded-xl{border-radius:.75rem}.relative{position:relative}.overflow-hidden{overflow:hidden}.absolute{position:absolute}.top-0{top:0}.right-0{right:0}.blur-3xl{filter:blur(64px)}.-mr-16{margin-right:-4rem}.-mt-16{margin-top:-4rem}.opacity-0{opacity:0}.opacity-10{opacity:.05}.opacity-20{opacity:.1}.opacity-100,.group-hover\:opacity-100:hover .opacity-100{opacity:1}.group-hover\:text-blue-400:hover{color:#2563eb}.group-hover\:translate-x-1:hover{transform:translate(.25rem)}.transition-opacity{transition:opacity .3s}.transition-colors{transition:color .3s}.transition-transform{transition:transform .3s}.shadow-lg{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.shadow-indigo-500\/20{box-shadow:0 10px 15px -3px #2563eb1a}.group:hover .opacity-0,.group:hover .opacity-100{opacity:1}.group:hover .text-gray-400{color:#334155}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-16{padding:4rem}.md\:text-6xl{font-size:3.75rem}.md\:text-xl{font-size:1.25rem}}