@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--color-primary:#7c3aed;--color-primary-rgb:124, 58, 237;--color-primary-hover:#6d28d9;--color-secondary:#4f46e5;--color-mint:#10b981;--color-mint-rgb:16, 185, 129;--color-cyan:#06b6d4;--color-bg-dark:#09090b;--color-bg-light:#f8fafc;--color-text-dark:#0f172a;--color-text-light:#f8fafc;--color-glass-bg:#ffffff73;--color-glass-border:#fff6;--color-glass-dark-bg:#0f172aa6;--color-glass-dark-border:#ffffff14;--font-brand:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 2px 8px -2px #0000000d, 0 4px 12px -2px #00000008;--shadow-md:0 12px 24px -6px #7c3aed14, 0 4px 16px -4px #0000000a;--shadow-lg:0 20px 32px -8px #7c3aed1f, 0 8px 24px -4px #0000000f;--shadow-glowing:0 0 30px #7c3aed40;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-normal:.35s cubic-bezier(.16, 1, .3, 1);--transition-slow:.5s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;font-family:var(--font-sans);background-color:var(--color-bg-light);color:var(--color-text-dark);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-brand);color:var(--color-text-dark);text-wrap:balance;font-weight:700;line-height:1.15}p{color:#64748b;line-height:1.6}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;outline:none;font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #7c3aed80}.glass-panel{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(20px)saturate(190%);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.glass-panel-dark{background:var(--color-glass-dark-bg);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--color-glass-dark-border);border-radius:var(--radius-lg);color:var(--color-text-light);box-shadow:0 8px 32px #0000005e}.gradient-mesh{z-index:-1;background-color:#f8fafc;background-image:radial-gradient(at 0 0,#7c3aed1f 0,#0000 50%),radial-gradient(at 50% 0,#06b6d41a 0,#0000 50%),radial-gradient(at 100% 0,#10b98114 0,#0000 50%),radial-gradient(at 100% 100%,#4f46e51f 0,#0000 50%),radial-gradient(at 0 100%,#ec489914 0,#0000 50%);background-attachment:fixed;position:absolute;inset:0}@keyframes float{0%{transform:translate(0,0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}to{transform:translate(0,0)rotate(0)}}@keyframes float-reverse{0%{transform:translate(0,0)rotate(0)}50%{transform:translateY(8px)rotate(-1.5deg)}to{transform:translate(0,0)rotate(0)}}@keyframes float-slow{0%{transform:translate(0,0)}50%{transform:translate(5px,-15px)}to{transform:translate(0,0)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 15px #7c3aed40);transform:scale(1)}50%{filter:drop-shadow(0 0 25px #7c3aed66);transform:scale3d(1.03,1.03,1.03)}}.float-anim{will-change:transform;backface-visibility:hidden;animation:6s ease-in-out infinite float;transform:translate(0,0)}.float-anim-reverse{will-change:transform;backface-visibility:hidden;animation:5s ease-in-out infinite float-reverse;transform:translate(0,0)}.float-slow-anim{will-change:transform;backface-visibility:hidden;animation:10s ease-in-out infinite float-slow;transform:translate(0,0)}.pulse-glow-anim{will-change:transform, filter;backface-visibility:hidden;animation:4s ease-in-out infinite pulse-glow;transform:translate(0,0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c3aed40;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#7c3aed73}@media (prefers-reduced-motion:reduce){*{background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}}.tab-content{opacity:0;transition:opacity var(--transition-normal), transform var(--transition-normal);display:none;transform:translateY(12px)}.tab-content.active{opacity:1;display:block;transform:translateY(0)}.container{max-width:1400px;margin:0 auto;padding:0 24px}.flex-center{justify-content:center;align-items:center;display:flex}.sparo-badge{font-size:.75rem;font-weight:600;font-family:var(--font-brand);border-radius:99px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.sparo-badge-purple{color:var(--color-primary);background:#7c3aed1a;border:1px solid #7c3aed26}.sparo-badge-mint{color:var(--color-mint);background:#10b9811a;border:1px solid #10b98126}.sparo-btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-brand);align-items:center;gap:8px;padding:14px 28px;display:inline-flex;box-shadow:0 4px 20px #7c3aed40}.sparo-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed59}.sparo-btn-primary:active{transform:translateY(0)}.sparo-btn-secondary{backdrop-filter:blur(10px);border:1px solid var(--color-glass-border);color:var(--color-text-dark);border-radius:var(--radius-md);font-weight:600;font-family:var(--font-brand);box-shadow:var(--shadow-sm);background:#fff9;align-items:center;gap:8px;padding:14px 28px;display:inline-flex}.sparo-btn-secondary:hover{box-shadow:var(--shadow-md);background:#ffffffd9;transform:translateY(-2px)}.sparo-btn-secondary:active{transform:translateY(0)}.tabular-nums{font-variant-numeric:tabular-nums}.skip-link{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-family:var(--font-brand);z-index:9999;transition:top var(--transition-fast);box-shadow:var(--shadow-lg);padding:12px 24px;font-weight:600;text-decoration:none;position:absolute;top:-80px;left:16px}.skip-link:focus{top:16px}
