@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";
:root{--bg-color:#fff;--bg-gradient:radial-gradient(circle at top right,#f8f9fa 0%,#fff 100%);--text-primary:#111827;--text-secondary:#6b7280;--brand-primary:#4f46e5;--brand-secondary:#7c3aed;--brand-gradient:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)100%);--surface:#fff;--surface-hover:#f3f4f6;--border-color:#e5e7eb;--border-highlight:#d1d5db;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--font-sans:"Inter",sans-serif;--font-display:"Outfit",sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-glow:0 0 15px #4f46e526;--glass-backdrop:blur(12px);--footer-bg:linear-gradient(180deg,#f6f8fc 0%,#eef2f8 100%);--footer-panel-bg:#4f46e50a;--footer-panel-border:#4f46e51f;--code-bg:#f8fafc;--code-header-bg:#0f172a0a;--code-text:#0f172a;--code-filename:#64748b}[data-theme=dark]{--bg-color:#0d0f14;--bg-gradient:radial-gradient(circle at top right,#1a1e29 0%,#0d0f14 100%);--text-primary:#f0f2f8;--text-secondary:#9ba1b0;--brand-primary:#6366f1;--brand-secondary:#8b5cf6;--brand-gradient:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)100%);--surface:#ffffff08;--surface-hover:#ffffff14;--border-color:#ffffff14;--border-highlight:#ffffff26;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--shadow-sm:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;--shadow-lg:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a;--shadow-glow:0 0 20px #6366f166;--glass-backdrop:blur(12px);--footer-bg:#0d0f14d1;--footer-panel-bg:#ffffff08;--footer-panel-border:#ffffff14;--code-bg:#0d0f14;--code-header-bg:#ffffff0d;--code-text:#e2e8f0;--code-filename:#9ba1b0}html{width:100%;overflow-x:clip}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-attachment:fixed;width:100%;min-height:100vh;line-height:1.6;overflow-x:clip}img,svg,video,canvas,iframe{max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);overflow-wrap:anywhere;font-weight:700;line-height:1.2}p,li,td,th,code{overflow-wrap:anywhere}a{color:inherit;text-decoration:none;transition:all .2s}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glass-panel{background:var(--surface);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px}.text-gradient{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-brand-primary{color:var(--brand-primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-center{text-align:center}.text-left{text-align:left}.line-through{text-decoration:line-through}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.grid{display:grid}.hidden{display:none}.block{display:block}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.mx-auto{margin-left:auto;margin-right:auto}.max-w-2xl{width:100%;max-width:42rem}.max-w-4xl{width:100%;max-width:56rem}.max-w-3xl{width:100%;max-width:48rem}.w-full{width:100%}.w-auto{width:auto}.mt-2{margin-top:.5rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-24{margin-top:6rem}.mt-auto{margin-top:auto}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.pt-8{padding-top:2rem}.pt-4{padding-top:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pb-12{padding-bottom:3rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.rounded{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.bg-\[var\(--surface-hover\)\]{background:var(--surface-hover)}.bg-\[rgba\(255\,255\,255\,0\.1\)\]{background:#ffffff1a}.bg-\[rgba\(99\,102\,241\,0\.1\)\]{background:#6366f11a}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l-4{border-left-style:solid;border-left-width:4px;border-left-color:var(--border-color)}.border-l-error{border-left-color:var(--error)}.border-l-success{border-left-color:var(--success)}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-\[rgba\(99\,102\,241\,0\.2\)\]{border-color:#6366f133}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-xs{font-size:.75rem}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.75}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.ml-4{margin-left:1rem}.hover\:underline:hover{text-decoration:underline}@media (min-width:769px){.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:w-auto{width:auto!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:gap-12{gap:3rem}.md\:p-8{padding:2rem}.md\:p-12{padding:3rem}.md\:text-3xl{font-size:1.875rem;line-height:1.2}.md\:text-6xl{font-size:3.75rem;line-height:1.1}.md\:text-7xl{font-size:4.5rem;line-height:1.1}}@media (max-width:768px){:root{--container-padding:1.25rem}body{background-attachment:scroll}.text-3xl{font-size:1.5rem;line-height:1.3}.text-4xl{font-size:1.75rem;line-height:1.2}.text-5xl{font-size:2rem;line-height:1.2}.text-6xl{font-size:2.25rem;line-height:1.1}.text-7xl{font-size:2.5rem;line-height:1.1}.text-xl{font-size:1.1rem;line-height:1.5}.py-16{padding:3rem 0}.py-24{padding:4rem 0}.mt-24{margin-top:3rem}.mb-16{margin-bottom:2rem}.mb-24{margin-bottom:3rem}.container{padding:0 var(--container-padding)}main,section,article,footer{width:100%;overflow-x:clip}}@media (max-width:640px){.text-2xl{font-size:1.375rem;line-height:1.3}.text-lg{font-size:1rem;line-height:1.5}.mb-12{margin-bottom:2rem}.pb-12{padding-bottom:2rem}.p-8,.p-12{padding:1.5rem}.container{padding:0 1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}