:root{--font-sans: "Inter", system-ui, sans-serif;--font-display: "Outfit", system-ui, sans-serif;--bg-dark: rgba(9, 9, 11, .75);--bg-darker: rgba(3, 3, 5, .9);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .03);--accent-glow: radial-gradient( circle at 50% 50%, rgba(59, 130, 246, .15) 0%, transparent 60% );--accent-blue: #3b82f6;--accent-violet: #8b5cf6;--text-primary: #f4f4f5;--text-secondary: #a1a1aa}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:#030014;font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--bg-dark);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000080;border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#ffffff26;background:#09090bd1}.glass-panel-glow{position:relative}.glass-panel-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(139,92,246,.3) 50%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}.text-gradient{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-accent{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-violet) 100%)}.glow-btn{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(59,130,246,.2);color:var(--text-primary);border-radius:8px;padding:8px 16px;font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.glow-btn:hover{border-color:#3b82f680;background:linear-gradient(135deg,#3b82f633,#8b5cf633);box-shadow:0 0 15px #3b82f640;transform:translateY(-1px)}.glow-btn:active{transform:translateY(0)}@keyframes pulse-slow{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.05);opacity:.8}}.animate-pulse-slow{animation:pulse-slow 3s infinite ease-in-out}@keyframes ping-slow{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.4);opacity:0}}.animate-ping-slow{animation:ping-slow 2s infinite cubic-bezier(.16,1,.3,1)}.hotspot-marker{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translate(-50%,-50%);pointer-events:auto}.hotspot-ring-inner{width:10px;height:10px;border-radius:50%;background-color:var(--accent-blue);box-shadow:0 0 8px var(--accent-blue);z-index:2;transition:all .2s ease}.hotspot-marker:hover .hotspot-ring-inner{background-color:#fff;box-shadow:0 0 12px #fff;scale:1.3}.hotspot-ring-outer{position:absolute;width:100%;height:100%;border:2px solid var(--accent-blue);border-radius:50%;z-index:1}.-translate-x-2{transform:translate(-8px)}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#030014!important;z-index:99999999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;opacity:1;transition:opacity .8s ease-in-out;pointer-events:auto}.loading-overlay.fade-out{opacity:0;pointer-events:none}.hotspot-marker:hover .group-hover\:opacity-100{opacity:1!important}.hotspot-marker:hover .group-hover\:translate-x-0{transform:translate(0)!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030305d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:99999999!important;display:flex;align-items:center;justify-content:center;pointer-events:auto}.modal-container{width:80vw;height:80vh;padding:32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-radius:24px}.modal-title{font-size:24px;font-weight:700;color:#fff;margin-top:4px}.modal-subtitle{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#a1a1aa;font-family:monospace}.modal-close-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#a1a1aa;cursor:pointer;background:transparent;transition:all .2s ease}.modal-close-btn:hover{color:#fff;border-color:#ffffff4d;transform:scale(1.05)}.modal-image-wrapper{position:relative;width:100%;height:100%;max-width:1024px;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);background:#09090b66}.modal-image{width:100%;height:100%;object-fit:cover}.modal-text-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(9,9,11,.95),rgba(9,9,11,.65) 50%,transparent);padding:64px 24px 24px;display:flex;flex-direction:column;justify-content:flex-end;text-align:left}.modal-text-container{width:100%;height:100%;max-width:768px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px;background:#18181b4d;border-radius:16px;border:1px solid rgba(255,255,255,.03)}.hotspot-label{position:absolute;left:32px;padding:6px 12px;border-radius:8px;border:1px solid var(--glass-border);background:var(--bg-dark);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);white-space:nowrap;font-size:12px;font-weight:600;color:var(--text-secondary);opacity:0;transform:translate(-8px);transition:all .25s cubic-bezier(.16,1,.3,1);pointer-events:none}.hotspot-marker:hover .hotspot-label{opacity:1;transform:translate(0);color:var(--text-primary);border-color:#fff3}.hotspot-marker.active .hotspot-label{opacity:1;transform:translate(0);color:var(--text-primary);border-color:var(--accent-violet)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.bg-ambient-blur{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.08) 0%,transparent 40%);pointer-events:none;z-index:0}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-grow{flex-grow:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-2\.5{gap:10px}.gap-3{gap:12px}.gap-3\.5{gap:14px}.gap-4{gap:16px}.gap-6{gap:24px}.p-0\.5{padding:2px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.px-2{padding-left:8px;padding-right:8px}.px-2\.5{padding-left:10px;padding-right:10px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-1\.5{padding-top:6px;padding-bottom:6px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-3\.5{padding-top:14px;padding-bottom:14px}.pr-1{padding-right:4px}.pb-2{padding-bottom:8px}.pt-4{padding-top:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.my-6{margin-top:24px;margin-bottom:24px}.w-full{width:100%}.h-full{height:100%}.w-2\.5{width:10px}.h-2\.5{height:10px}.w-3{width:12px}.h-3{height:12px}.w-3\.5{width:14px}.h-3\.5{height:14px}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.w-8{width:32px}.h-8{height:32px}.w-16{width:64px}.h-16{height:64px}.w-48{width:192px}.w-80{width:320px}.w-96{width:384px}.min-w-\[28rem\]{min-width:448px}.max-h-\[28rem\]{max-height:448px}.h-40{height:160px}.h-1{height:4px}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-8{left:32px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.text-center{text-align:center}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-mono{font-family:monospace}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:1px}.tracking-wide{letter-spacing:.5px}.whitespace-nowrap{white-space:nowrap}.leading-relaxed{line-height:1.625}.leading-normal{line-height:1.5}.leading-tight{line-height:1.25}.text-white{color:#fff}.text-zinc-200{color:#e4e4e7}.text-zinc-300{color:#d4d4d8}.text-zinc-400{color:#a1a1aa}.text-zinc-500{color:#71717a}.text-blue-300{color:#93c5fd}.text-blue-400{color:#60a5fa}.text-violet-300{color:#c4b5fd}.text-violet-400{color:#a78bfa}.text-emerald-300{color:#6ee7b7}.text-emerald-400{color:#34d399}.text-red-300{color:#fca5a5}.text-red-400{color:#f87171}.bg-white{background:#fff}.bg-zinc-900\/30{background:#18181b4d}.bg-zinc-900\/40{background:#18181b66}.bg-zinc-900\/60{background:#18181b99}.bg-zinc-900\/90{background:#18181be6}.bg-zinc-950\/60{background:#09090b99}.bg-zinc-950\/80{background:#09090bcc}.bg-zinc-800{background:#27272a}.bg-zinc-800\/50{background:#27272a80}.bg-zinc-800\/80{background:#27272acc}.bg-emerald-500{background:#10b981}.bg-emerald-500\/10{background:#10b9811a}.bg-emerald-500\/20{background:#10b98133}.bg-blue-500{background:#3b82f6}.bg-blue-500\/10{background:#3b82f61a}.bg-blue-500\/20{background:#3b82f633}.bg-blue-500\/30{background:#3b82f64d}.bg-violet-500\/20{background:#8b5cf633}.bg-violet-500\/30{background:#8b5cf64d}.bg-red-500\/20{background:#ef444433}.bg-red-500\/30{background:#ef44444d}.border-zinc-800{border-color:#27272a}.border-zinc-800\/20{border-color:#27272a33}.border-zinc-800\/50{border-color:#27272a80}.border-zinc-850\/50{border-color:#1e1e2080}.border-zinc-700{border-color:#3f3f46}.border-zinc-700\/50{border-color:#3f3f4680}.border-zinc-700\/60{border-color:#3f3f4699}.border-emerald-500{border-color:#10b981}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-500\/50{border-color:#10b98180}.border-blue-400{border-color:#60a5fa}.border-blue-500{border-color:#3b82f6}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-500\/40{border-color:#3b82f666}.border-blue-500\/50{border-color:#3b82f680}.border-violet-500\/30{border-color:#8b5cf64d}.border-violet-500\/50{border-color:#8b5cf680}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/40{border-color:#ef444466}.border{border-style:solid;border-width:1px}.border-2{border-style:solid;border-width:2px}.border-t{border-top-style:solid;border-top-width:1px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.rounded{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.object-cover{object-fit:cover}.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.transform{transform:translate(var(--tw-translate-x, 0),var(--tw-translate-y, 0)) scale(var(--tw-scale-x, 1),var(--tw-scale-y, 1))}.translate-x-0{--tw-translate-x: 0px;transform:translate(0)}.translate-x-12{--tw-translate-x: 48px;transform:translate(48px)}.translate-y-0{--tw-translate-y: 0px;transform:translateY(0)}.translate-y-6{--tw-translate-y: 24px;transform:translateY(24px)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-md{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.shadow-lg{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d}.shadow-xl{box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}