.demo-root{color:#f8fafc;background-color:#02040a;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.demo-sidebar{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:50;background:#0f172a66;border-right:1px solid #ffffff0d;flex-direction:column;width:290px;display:flex}.demo-main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.demo-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:40;background:#02040a66;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex}.demo-content{z-index:10;flex:1;padding:48px;position:relative;overflow-y:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-10{gap:40px}.gap-12{gap:48px}.gap-16{gap:64px}.gap-20{gap:80px}.gap-24{gap:96px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.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\:flex{display:flex}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.min-h-screen{min-height:100vh}.fixed{position:fixed}.top-0{top:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.right-0{right:0}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-w-\[1400px\]{max-width:1400px}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.overflow-hidden{overflow:hidden}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.pointer-events-none{pointer-events:none}.shrink-0{flex-shrink:0}.selection\:bg-emerald-500\/30 ::selection{background-color:#10b9814d}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.p-10{padding:40px}.p-12{padding:48px}.p-24{padding:96px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.px-8{padding-left:32px;padding-right:32px}.px-12{padding-left:48px;padding-right:48px}.py-1\.5{padding-top:6px;padding-bottom:6px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-5{padding-top:20px;padding-bottom:20px}.py-6{padding-top:24px;padding-bottom:24px}.py-20{padding-top:80px;padding-bottom:80px}.py-24{padding-top:96px;padding-bottom:96px}.py-32{padding-top:128px;padding-bottom:128px}.py-40{padding-top:160px;padding-bottom:160px}.py-60{padding-top:240px;padding-bottom:240px}.pt-40{padding-top:160px}.pb-20{padding-bottom:80px}.mb-1{margin-bottom:4px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mb-12{margin-bottom:48px}.mb-20{margin-bottom:80px}.mb-24{margin-bottom:96px}.mt-1{margin-top:4px}.mt-1\.5{margin-top:6px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mt-20{margin-top:80px}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}.text-8xl{font-size:6rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-mono{font-family:monospace}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.uppercase{text-transform:uppercase}.text-white{color:#fff!important}.text-black{color:#000!important}.text-white\/10{color:#ffffff1a}.text-white\/20{color:#fff3}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/80{color:#fffc}.text-emerald-400{color:#34d399}.text-emerald-500{color:#10b981}.text-emerald-950{color:#022c22}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.bg-white{background-color:#fff!important}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-emerald-500{background-color:#10b981}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-500\/30{background-color:#10b9814d}.bg-black\/60{background-color:#0009}.hover\:bg-emerald-400:hover{background-color:#34d399!important}.hover\:text-emerald-400:hover{color:#34d399!important}.hover\:bg-white\/10:hover{background-color:#ffffff1a!important}.border{border-style:solid;border-width:1px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-t{border-top-style:solid;border-top-width:1px}.border-y{border-style:solid;border-top-width:1px;border-bottom-width:1px}.border-white\/10{border-color:#ffffff1a}.border-emerald-500\/20{border-color:#10b98133}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-\[32px\]{border-radius:32px}.rounded-\[40px\]{border-radius:40px}.rounded-\[48px\]{border-radius:48px}.rounded-full{border-radius:9999px}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a99;border:1px solid #ffffff0d;box-shadow:0 20px 50px -15px #000c}.glass-panel-bright{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a}.pill{text-transform:uppercase;letter-spacing:.15em;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:5px 12px;font-size:.6rem;font-weight:900;display:inline-flex}.pill-error{color:#f87171;background:#ef44441a;border-color:#ef444433}.pill-success{color:#34d399;background:#34d3991a;border-color:#34d39933}.label-caps{color:#94a3b8;text-transform:uppercase;letter-spacing:.25em;font-size:.6rem;font-weight:900;display:block}.btn-base{cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:12px;padding:12px 24px;font-size:11px;font-weight:800;transition:all .3s}.btn-primary-glow{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%)}.btn-secondary-glass{color:#f8fafc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.shadow-glow-blue{box-shadow:0 0 30px #3b82f64d}.shadow-glow-error{box-shadow:0 0 30px #ef44444d}.shadow-glow-success{box-shadow:0 0 30px #34d3994d}.relative{position:relative}.absolute{position:absolute}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.text-dim{color:#94a3b8}.text-main{color:#f8fafc}.text-muted{color:#cbd5e1}.w-full{width:100%}.h-full{height:100%}.w-12{width:48px}.h-12{height:48px}.rounded-2xl{border-radius:16px}.rounded-3xl{border-radius:24px}.bg-slate-950{background-color:#020617}.border-white\/5{border-color:#ffffff0d}.opacity-40{opacity:.4}.italic{font-style:italic}