@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Barlow:wght@300;400;500;600;700&display=swap";.draggable-popup[data-v-d6787036]{position:fixed;background:linear-gradient(135deg,#ffffff59,#ffffff40,#ffffff59);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffff80,inset 0 -1px #fff3}.draggable-popup--dark[data-v-d6787036]{background:linear-gradient(135deg,#46465073,#3c3c4366,#46465073);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #00000059,0 2px 8px #0003,inset 0 1px #ffffff1f,inset 0 -1px #ffffff0d}.floating-menu[data-v-2a0d91dd]{border-radius:1rem;background:linear-gradient(135deg,#ffffff59,#ffffff40,#ffffff59)!important;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--bf-border-default, rgba(255, 255, 255, .4));box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffff80,inset 0 -1px #fff3}html.dark .floating-menu[data-v-2a0d91dd]{background:linear-gradient(135deg,#46465073,#3c3c4366,#46465073)!important;border:1px solid var(--bf-border-default, rgba(255, 255, 255, .18));box-shadow:0 8px 32px #00000059,0 2px 8px #0003,inset 0 1px #ffffff1f,inset 0 -1px #ffffff0d}.reset-btn[data-v-2a0d91dd]{border-radius:.75rem;background:var(--bf-surface, rgba(255, 255, 255, .25));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--bf-border-default, rgba(255, 255, 255, .3));box-shadow:0 4px 16px #0000001a}html.dark .reset-btn[data-v-2a0d91dd]{background:var(--bf-surface, rgba(60, 60, 67, .4));border:1px solid var(--bf-border-default, rgba(255, 255, 255, .15))}.cursor-move[data-v-2a0d91dd]{cursor:move}.cursor-move[data-v-2a0d91dd]:active{cursor:grabbing}.logo[data-v-2a0d91dd]{background:var(--bf-fire-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.drawer-nav[data-v-2a0d91dd]{padding-bottom:env(safe-area-inset-bottom,0);overflow:visible}.drawer-blur[data-v-2a0d91dd]{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff59,#ffffff40,#ffffff59);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:none;border-top:1px solid var(--bf-border-default, rgba(255, 255, 255, .4));border-radius:24px 24px 0 0;box-shadow:0 -8px 32px #0000001f,0 -2px 8px #00000014,inset 0 1px #ffffff80;clip-path:inset(0 0 0 0 round 24px 24px 0 0)}html.dark .drawer-blur[data-v-2a0d91dd]{background:linear-gradient(180deg,#46465073,#3c3c4366,#46465073);border-top:1px solid var(--bf-border-default, rgba(255, 255, 255, .18));box-shadow:0 -8px 32px #00000059,0 -2px 8px #0003,inset 0 1px #ffffff1f}.drawer-content[data-v-2a0d91dd]{position:relative;height:100%;display:flex;flex-direction:column}.drawer-handle-wrapper[data-v-2a0d91dd]{padding:10px 0 8px;cursor:grab;display:flex;justify-content:center}.drawer-handle-wrapper[data-v-2a0d91dd]:active{cursor:grabbing}.drawer-handle[data-v-2a0d91dd]{width:36px;height:5px;background:#0003;border-radius:2.5px}html.dark .drawer-handle[data-v-2a0d91dd]{background:#ffffff40}.nav-items[data-v-2a0d91dd]{display:flex;justify-content:space-around;align-items:center;flex:1;padding:0 8px 8px}.nav-item[data-v-2a0d91dd]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 16px;border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--bf-text-secondary);text-decoration:none;-webkit-tap-highlight-color:transparent}html.dark .nav-item[data-v-2a0d91dd]{color:var(--bf-text-secondary)}.nav-item.active[data-v-2a0d91dd]{color:var(--bf-primary);background:var(--bf-fire-gradient-subtle)}.nav-item[data-v-2a0d91dd]:active{transform:scale(.92)}.nav-icon-wrapper[data-v-2a0d91dd]{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.nav-icon[data-v-2a0d91dd]{width:24px;height:24px}.nav-label[data-v-2a0d91dd]{font-size:.6875rem;font-weight:500;letter-spacing:-.01em;margin-top:4px;color:var(--bf-text-secondary)}.nav-item.active .nav-label[data-v-2a0d91dd]{color:var(--bf-primary)}.settings-fab[data-v-2a0d91dd]{position:fixed;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;transition:transform .2s ease,box-shadow .2s ease;touch-action:none;background:linear-gradient(135deg,#ffffff59,#ffffff40,#ffffff59);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);-webkit-appearance:none;border:1px solid var(--bf-border-default, rgba(255, 255, 255, .4));box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffff80,inset 0 -1px #fff3}html.dark .settings-fab[data-v-2a0d91dd]{background:linear-gradient(135deg,#46465073,#3c3c4366,#46465073);border:1px solid var(--bf-border-default, rgba(255, 255, 255, .18));box-shadow:0 8px 32px #00000059,0 2px 8px #0003,inset 0 1px #ffffff1f,inset 0 -1px #ffffff0d}.settings-fab[data-v-2a0d91dd]:hover{transform:scale(1.08);box-shadow:0 12px 40px #0000002e,0 4px 12px #0000001a,inset 0 1px #fff9,inset 0 -1px #ffffff4d}html.dark .settings-fab[data-v-2a0d91dd]:hover{box-shadow:0 12px 40px #00000073,0 4px 12px #00000040,inset 0 1px #ffffff2e,inset 0 -1px #ffffff14}.settings-fab[data-v-2a0d91dd]:active{transform:scale(.95)}.fab-inner[data-v-2a0d91dd]{width:24px;height:24px;color:var(--bf-text-primary);transition:color .2s ease}.fab-inner svg[data-v-2a0d91dd]{width:100%;height:100%}.settings-popup[data-v-2a0d91dd]{padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif}.popup-header[data-v-2a0d91dd]{display:flex;justify-content:center;padding:10px 0 6px;cursor:grab}.popup-header[data-v-2a0d91dd]:active{cursor:grabbing}.popup-drag-handle[data-v-2a0d91dd]{width:36px;height:5px;background:#0003;border-radius:2.5px}html.dark .popup-drag-handle[data-v-2a0d91dd]{background:#ffffff40}.popup-title[data-v-2a0d91dd]{text-align:center;padding:0 16px 12px;font-size:1.125rem;font-weight:600;color:var(--bf-text-primary);border-bottom:.5px solid var(--bf-border-default);margin:0 16px}.settings-section[data-v-2a0d91dd]{padding:12px 16px}.section-label[data-v-2a0d91dd]{font-size:.75rem;font-weight:500;color:var(--bf-text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;padding-left:4px}.options-grid[data-v-2a0d91dd]{display:flex;gap:8px}.option-btn[data-v-2a0d91dd]{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:var(--bf-surface-active);border:none;border-radius:12px;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;position:relative}.option-btn[data-v-2a0d91dd]:active{transform:scale(.96)}.option-btn.active[data-v-2a0d91dd]{background:var(--bf-fire-gradient-subtle);border:1px solid var(--bf-border-accent)}.option-flag[data-v-2a0d91dd]{font-size:1.5rem;margin-bottom:4px}.option-text[data-v-2a0d91dd]{font-size:.875rem;font-weight:500;color:var(--bf-text-primary)}.check-icon[data-v-2a0d91dd]{position:absolute;top:6px;right:6px;color:var(--bf-primary);font-size:.75rem;font-weight:600}.theme-options[data-v-2a0d91dd]{display:flex;gap:8px}.theme-btn[data-v-2a0d91dd]{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 6px;background:var(--bf-surface-active);border:1px solid transparent;border-radius:12px;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.theme-btn[data-v-2a0d91dd]:active{transform:scale(.96)}.theme-btn.active[data-v-2a0d91dd]{background:var(--bf-fire-gradient-subtle);border:1px solid var(--bf-border-accent)}.theme-btn svg[data-v-2a0d91dd]{width:20px;height:20px;margin-bottom:4px;color:var(--bf-text-muted)}.theme-btn.active svg[data-v-2a0d91dd]{color:var(--bf-primary)}.theme-btn span[data-v-2a0d91dd]{font-size:.6875rem;font-weight:500;color:var(--bf-text-secondary)}.theme-btn.active span[data-v-2a0d91dd]{color:var(--bf-primary)}.close-btn[data-v-2a0d91dd]{width:calc(100% - 32px);margin:8px 16px 16px;padding:14px;background:var(--bf-fire-gradient-subtle);border:none;border-radius:12px;font-size:1rem;font-weight:500;color:var(--bf-primary);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.close-btn[data-v-2a0d91dd]:active{transform:scale(.98)}[data-v-2a0d91dd] .p-menubar{background:transparent!important;border:none!important;padding:0!important}[data-v-2a0d91dd] .p-menubar-root-list{background:transparent!important;gap:2px!important;padding-right:8px!important}[data-v-2a0d91dd] .p-menubar-item{background:transparent!important;margin:0!important}[data-v-2a0d91dd] .p-menubar-item-link{background:transparent!important;transition:background .2s ease!important;border-radius:10px!important;padding:.5rem .875rem!important;margin:3px!important;border:none!important;outline:none!important;box-shadow:none!important}[data-v-2a0d91dd] .p-menubar-item-link:hover{background:var(--bf-surface-hover)!important}[data-v-2a0d91dd] .p-menubar-item-content{background:transparent!important}[data-v-2a0d91dd] .p-menubar-item-label{background:transparent!important;font-weight:500!important;font-size:15px!important;color:var(--bf-text-primary)!important;transition:transform .15s ease!important;transform-origin:center center!important}[data-v-2a0d91dd] .p-menubar-item-link:hover .p-menubar-item-label{transform:scale(1.08)!important;color:var(--bf-primary)!important}[data-v-2a0d91dd] .p-menubar-item-icon{background:transparent!important;color:var(--bf-text-secondary)!important;transition:transform .15s ease!important;transform-origin:center center!important}[data-v-2a0d91dd] .p-menubar-item-link:hover .p-menubar-item-icon{transform:scale(1.15)!important;color:var(--bf-primary)!important}[data-v-2a0d91dd] .p-menubar-submenu{margin:0 4px!important}[data-v-2a0d91dd] .p-menubar-root-list{min-width:100px!important}[data-v-2a0d91dd] .p-menubar-root-list>.p-menubar-item>.p-submenu-list{background:linear-gradient(135deg,#ffffff59,#ffffff40,#ffffff59)!important;backdrop-filter:blur(24px) saturate(200%)!important;-webkit-backdrop-filter:blur(24px) saturate(200%)!important;border:1px solid var(--bf-border-default, rgba(255, 255, 255, .4))!important;border-radius:12px!important;padding:8px!important;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffff80,inset 0 -1px #fff3!important;margin-top:8px!important}html.dark[data-v-2a0d91dd] .p-menubar-root-list>.p-menubar-item>.p-submenu-list{background:linear-gradient(135deg,#46465073,#3c3c4366,#46465073)!important;border:1px solid var(--bf-border-default, rgba(255, 255, 255, .18))!important;box-shadow:0 8px 32px #00000059,0 2px 8px #0003,inset 0 1px #ffffff1f,inset 0 -1px #ffffff0d!important}[data-v-2a0d91dd] .p-submenu-list .p-menubar-item{background:transparent!important;margin:0!important}[data-v-2a0d91dd] .p-submenu-list .p-menubar-item-link{background:transparent!important;margin:2px 0!important;border-radius:8px!important;border:none!important}[data-v-2a0d91dd] .p-submenu-list .p-menubar-item-link:hover{background:var(--bf-surface-hover)!important}[data-v-2a0d91dd] .p-menubar-submenu-icon{color:var(--bf-text-muted)!important;font-size:12px!important}[data-v-2a0d91dd] .p-menubar-root-list>.p-menubar-item>.p-submenu-list{animation:menuSlide-2a0d91dd .25s cubic-bezier(.2,0,0,1)!important;transform-origin:top center!important}@keyframes menuSlide-2a0d91dd{0%{opacity:0!important;transform:translateY(-10px) scale(.95)!important}to{opacity:1!important;transform:translateY(0) scale(1)!important}}html.dark .p-menubar .p-menubar-item-label{color:var(--bf-text-primary)!important}html.dark .p-menubar .p-menubar-item-icon{color:var(--bf-text-secondary)!important}html.dark .p-menubar .p-menubar-item-content{color:var(--bf-text-primary)!important}html.dark .p-menubar-item-link:hover .p-menubar-item-label,html.dark .p-menubar-item-link:hover .p-menubar-item-icon{color:var(--bf-primary)!important}.footer[data-v-22453151]{text-align:center;padding:16px;font-size:.8rem;opacity:.6}main{min-height:100vh}:root{--background: 0 0% 98%;--foreground: 220 15% 8%;--card: 0 0% 100%;--card-foreground: 220 15% 8%;--primary: 220 15% 8%;--primary-foreground: 0 0% 98%;--accent: 220 15% 92%;--accent-foreground: 220 15% 8%;--muted: 220 15% 85%;--muted-foreground: 220 15% 35%;--border: 220 15% 8% / .12;--text-primary: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .65);--text-tertiary: rgba(0, 0, 0, .5);--text-muted: rgba(0, 0, 0, .38);--glass-bg: rgba(0, 0, 0, .02);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--primary-color: #6366f1;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #f43f5e;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--font-heading: "Instrument Serif", serif;--font-body: "Barlow", sans-serif;--transition-fast: .15s;--transition-base: .3s;--transition-slow: .5s;--bf-primary: #E85A2C;--bf-primary-glow: rgba(232, 90, 44, .2);--bf-fire-gradient: linear-gradient(135deg, #E85A2C 0%, #FF6B35 50%, #FF8C5A 100%);--bf-fire-gradient-subtle: rgba(232, 90, 44, .06);--bf-text-primary: rgba(0, 0, 0, .87);--bf-text-secondary: rgba(0, 0, 0, .65);--bf-text-muted: rgba(0, 0, 0, .38);--bf-card-bg: rgba(255, 255, 255, .8);--bf-card-border: rgba(0, 0, 0, .08);--bf-card-shadow: 0 4px 20px rgba(0, 0, 0, .06);--bf-card-shadow-hover: 0 8px 30px rgba(0, 0, 0, .1);--bf-card-radius: 1.25rem;--bf-border-default: rgba(0, 0, 0, .06);--bf-border-accent: rgba(232, 90, 44, .25);--bf-input-bg: rgba(0, 0, 0, .02);--bf-input-radius: .75rem;--bf-btn-primary-bg: var(--bf-fire-gradient);--bf-btn-primary-hover: linear-gradient(135deg, #FF6B35 0%, #FF8C5A 50%, #FFB088 100%);--bf-btn-secondary-bg: rgba(0, 0, 0, .04);--bf-btn-secondary-hover: rgba(0, 0, 0, .08);--bf-btn-radius: .75rem;--bf-space-xs: .25rem;--bf-space-sm: .5rem;--bf-space-md: 1rem;--bf-space-lg: 1.5rem;--bf-space-xl: 2rem;--bf-transition-fast: .15s ease;--bf-transition-normal: .25s ease;--bf-header-height: 5rem}.dark{--background: 220 15% 8%;--foreground: 0 0% 98%;--card: 220 15% 12%;--card-foreground: 0 0% 98%;--primary: 0 0% 100%;--primary-foreground: 220 15% 8%;--accent: 220 15% 18%;--accent-foreground: 0 0% 98%;--muted: 220 15% 25%;--muted-foreground: 0 0% 75%;--border: 0 0% 100% / .12;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--text-tertiary: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .4);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .25);--bf-primary: #FF6B35;--bf-primary-glow: rgba(255, 107, 53, .25);--bf-fire-gradient: linear-gradient(135deg, #FF6B35 0%, #FF8C5A 50%, #FFB088 100%);--bf-fire-gradient-subtle: rgba(255, 107, 53, .08);--bf-text-primary: rgba(255, 255, 255, .95);--bf-text-secondary: rgba(255, 255, 255, .75);--bf-text-muted: rgba(255, 255, 255, .4);--bf-card-bg: rgba(255, 255, 255, .03);--bf-card-border: rgba(255, 255, 255, .08);--bf-card-shadow: 0 4px 20px rgba(0, 0, 0, .15);--bf-card-shadow-hover: 0 8px 30px rgba(0, 0, 0, .25);--bf-card-radius: 1.25rem;--bf-border-default: rgba(255, 255, 255, .06);--bf-border-accent: rgba(255, 107, 53, .3);--bf-input-bg: rgba(255, 255, 255, .04);--bf-input-radius: .75rem;--bf-btn-primary-bg: var(--bf-fire-gradient);--bf-btn-primary-hover: linear-gradient(135deg, #FF8C5A 0%, #FFB088 50%, #FFCDB2 100%);--bf-btn-secondary-bg: rgba(255, 255, 255, .06);--bf-btn-secondary-hover: rgba(255, 255, 255, .1)}.global-page-container{min-height:100vh;background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body);overflow-x:hidden;position:relative}.global-navbar{position:fixed;top:1rem;left:0;right:0;z-index:50;padding:0 2rem}.global-navbar-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.global-logo{font-size:1.5rem;font-weight:600;font-family:var(--font-heading);font-style:italic;color:var(--text-primary);text-decoration:none}.global-nav-links{display:none;gap:.5rem;padding:.25rem;border-radius:var(--radius-full)}@media(min-width:768px){.global-nav-links{display:flex}}.global-nav-link{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-base) ease}.global-nav-link:hover,.global-nav-link.active{color:var(--text-primary);background:#ffffff1a}.dark .global-nav-link:hover,.dark .global-nav-link.active{background:#ffffff1a}:root:not(.dark) .global-nav-link:hover,:root:not(.dark) .global-nav-link.active{background:#0000000d}.global-hero-section{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;overflow:hidden}.global-hero-gradient{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(99,102,241,.12) 0%,transparent 50%);pointer-events:none}.dark .global-hero-gradient{background:radial-gradient(circle at 50% 30%,rgba(99,102,241,.15) 0%,transparent 50%)}.global-hero-content{position:relative;z-index:10;text-align:center;max-width:900px;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.global-hero-content.visible{opacity:1;transform:translateY(0)}.global-hero-title{font-family:var(--font-heading);font-size:4rem;line-height:1.1;margin-bottom:1.5rem;font-weight:400;color:var(--text-primary);letter-spacing:-.03em}@media(min-width:768px){.global-hero-title{font-size:5.5rem}}.global-title-line{display:block;letter-spacing:-.02em}.global-title-line.italic{font-style:italic}.global-hero-subtitle{font-size:1.25rem;font-weight:400;color:var(--text-secondary);line-height:1.7}.global-hero-fade{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,hsl(var(--background)),transparent);pointer-events:none}.global-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--text-primary)}.global-badge-icon{width:16px;height:16px;flex-shrink:0}.liquid-glass{background:var(--glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;isolation:isolate}.liquid-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff2e,#ffffff0f 25%,#fff0 50% 50%,#ffffff0f 75%,#ffffff2e);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transform:translateZ(0);-webkit-transform:translateZ(0)}.dark .liquid-glass:before{background:linear-gradient(180deg,#fff3,#ffffff14 25%,#fff0 50% 50%,#ffffff14 75%,#fff3)}:root:not(.dark) .liquid-glass:before{background:linear-gradient(180deg,#0000001a,#0000000a 25%,#0000 50% 50%,#0000000a 75%,#0000001a)}.liquid-glass-strong{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;isolation:isolate}.liquid-glass-strong:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff40,#ffffff1a 25%,#fff0 50% 50%,#ffffff1a 75%,#ffffff40);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transform:translateZ(0);-webkit-transform:translateZ(0)}.dark .liquid-glass-strong:before{background:linear-gradient(180deg,#ffffff47,#ffffff1f 25%,#fff0 50% 50%,#ffffff1f 75%,#ffffff47)}:root:not(.dark) .liquid-glass-strong:before{background:linear-gradient(180deg,#0000001f,#0000000d 25%,#0000 50% 50%,#0000000d 75%,#0000001f)}.global-button{padding:.875rem 2.25rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base) ease;border:none;outline:none;display:inline-flex;align-items:center;gap:.625rem;text-decoration:none;font-family:var(--font-body)}.global-button-icon{width:18px;height:18px;flex-shrink:0}.global-button-primary{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--text-primary)}.global-button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0003}.dark .global-button-primary:hover{background:#ffffff1f;box-shadow:inset 0 1px 1px #fff3,0 16px 48px #0000004d}:root:not(.dark) .global-button-primary:hover{background:#0000000f;box-shadow:0 16px 48px #00000026}.global-button-secondary{background:var(--text-primary);color:var(--background)}.global-button-secondary:hover{transform:translateY(-2px);box-shadow:0 16px 48px #0003}.global-card{padding:2rem;border-radius:var(--radius-2xl);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all var(--transition-base) ease}.global-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0003}.global-section{margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.global-section.visible{opacity:1;transform:translateY(0)}.global-section-header{margin-bottom:1.5rem}.global-section-title{font-family:var(--font-heading);font-size:2rem;font-weight:400;font-style:italic;letter-spacing:-.01em;color:var(--text-primary)}@media(min-width:768px){.global-section-title{font-size:2.5rem}}.global-footer{border-top:1px solid var(--glass-border);padding:2rem 1.5rem;margin-top:4rem}.global-footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;align-items:center}@media(min-width:768px){.global-footer-content{flex-direction:row;justify-content:space-between}}.global-footer-text{font-size:.8125rem;color:var(--text-muted)}.global-footer-links{display:flex;gap:1.5rem}.global-footer-link{font-size:.8125rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition-base) ease}.global-footer-link:hover{color:var(--text-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes heartbeat{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-emerald{color:#10b981}.text-amber{color:#f59e0b}.text-rose{color:#f43f5e}.text-violet{color:#6366f1}.glow-emerald{box-shadow:0 0 16px #10b98180}.glow-amber{box-shadow:0 0 16px #f59e0b80}.glow-rose{box-shadow:0 0 16px #f43f5e80}.glow-violet{box-shadow:0 0 16px #6366f180}.global-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.global-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.global-icon-sm{width:16px;height:16px}.global-icon-md{width:20px;height:20px}.global-icon-lg{width:24px;height:24px}.global-icon-xl{width:32px;height:32px}.global-icon-2xl{width:48px;height:48px}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-500:oklch(62.3% .214 259.815);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-800:oklch(27.4% .006 286.033);--color-white:#fff;--spacing:.25rem;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.-top-2{top:calc(var(--spacing)*-2)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.-left-2{left:calc(var(--spacing)*-2)}.left-0{left:calc(var(--spacing)*0)}.z-9999{z-index:9999}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-40{height:calc(var(--spacing)*40)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1}.flex-4{flex:4}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-move{cursor:move}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-blue-500{border-color:var(--color-blue-500)}.border-t-transparent{border-top-color:#0000}.bg-zinc-100{background-color:var(--color-zinc-100)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.text-center{text-align:center}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-red-500{color:var(--color-red-500)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-800{color:var(--color-zinc-800)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}@media(min-width:48rem){.md\:w-full{width:100%}.md\:flex-row{flex-direction:row}}@media(min-width:80rem){.xl\:w-\[80\%\]{width:80%}}.dark\:bg-zinc-800:where(.dark,.dark *){background-color:var(--color-zinc-800)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-zinc-400:where(.dark,.dark *){color:var(--color-zinc-400)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#555}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--w-primary: #3b82f6;--w-primary-light: #60a5fa;--w-primary-dark: #2563eb;--w-primary-darker: #1d4ed8;--w-surface: #f4f4f5;--w-surface-alt: #e4e4e7;--w-surface-card: #ffffff;--w-surface-hover: #d4d4d8;--w-border: #e4e4e7;--w-border-light: #f4f4f5;--w-text: #18181b;--w-text-secondary: #52525b;--w-text-muted: #71717a;--w-success: #22c55e;--w-warning: #f59e0b;--w-error: #ef4444;--w-info: #3b82f6;--w-vote-up: #f97316;--w-vote-down: #8b5cf6;--w-reputation: #eab308;--w-bg-gradient-start: #f4f4f5;--w-bg-gradient-end: #e4e4e7;--w-bg-pattern-opacity: .03;--w-header-gradient: linear-gradient(135deg, var(--w-primary) 0%, var(--w-primary-darker) 100%);--w-radius-sm: .5rem;--w-radius-md: .75rem;--w-radius-lg: 1rem;--w-radius-xl: 1.5rem;--w-radius-full: 9999px;--w-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--w-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--w-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--w-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--w-transition-fast: .15s ease;--w-transition-normal: .2s ease;--w-transition-slow: .3s ease}.dark{--w-primary: #60a5fa;--w-primary-light: #93c5fd;--w-primary-dark: #3b82f6;--w-primary-darker: #2563eb;--w-surface: #09090b;--w-surface-alt: #18181b;--w-surface-card: #1c1c1e;--w-surface-hover: #2c2c2e;--w-border: #3a3a3c;--w-border-light: #2c2c2e;--w-text: #f4f4f5;--w-text-secondary: #d4d4d8;--w-text-muted: #a1a1aa;--w-bg-gradient-start: #09090b;--w-bg-gradient-end: #18181b;--w-bg-pattern-opacity: .02;--w-header-gradient: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);--w-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--w-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--w-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--w-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4)}.w-page-bg{background:var(--w-surface);min-height:100vh;position:relative}.w-card{background:var(--w-surface-card);border:1px solid var(--w-border);border-radius:var(--w-radius-lg);box-shadow:var(--w-shadow-md);transition:all var(--w-transition-normal)}.w-card:hover{box-shadow:var(--w-shadow-lg)}.w-btn-primary{background:var(--w-primary);color:#fff;border:none;border-radius:var(--w-radius-md);font-weight:600;padding:.625rem 1.25rem;cursor:pointer;transition:all var(--w-transition-fast)}.w-btn-primary:hover{background:var(--w-primary-dark);transform:translateY(-1px)}.w-btn-primary:active{transform:translateY(0)}.w-btn-secondary{background:var(--w-surface-hover);color:var(--w-text);border:1px solid var(--w-border);border-radius:var(--w-radius-md);font-weight:500;padding:.625rem 1.25rem;cursor:pointer;transition:all var(--w-transition-fast)}.w-btn-secondary:hover{background:var(--w-border)}.w-btn-ghost{background:transparent;color:var(--w-text-secondary);border:none;border-radius:var(--w-radius-md);font-weight:500;padding:.5rem 1rem;cursor:pointer;transition:all var(--w-transition-fast)}.w-btn-ghost:hover{background:var(--w-surface-hover);color:var(--w-text)}.w-btn-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--w-radius-full);background:#ffffff26;border:none;color:#fff;cursor:pointer;transition:all var(--w-transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.w-btn-icon:hover{background:#ffffff40;transform:scale(1.05)}.w-input{width:100%;background:var(--w-surface);border:1px solid var(--w-border);border-radius:var(--w-radius-md);color:var(--w-text);padding:.625rem .875rem;font-size:.875rem;transition:all var(--w-transition-fast)}.w-input::placeholder{color:var(--w-text-muted)}.w-input:focus{outline:none;border-color:var(--w-primary);box-shadow:0 0 0 3px #3b82f61a}.w-input-wrapper{position:relative;display:flex;align-items:center}.w-input-icon{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:2.75rem;pointer-events:none;z-index:10;color:var(--w-text-muted)}.w-input-with-icon{padding-left:2.75rem}.w-label{display:block;font-size:.875rem;font-weight:500;color:var(--w-text);margin-bottom:.5rem}.w-link{color:var(--w-primary);text-decoration:none;transition:color var(--w-transition-fast)}.w-link:hover{color:var(--w-primary-dark);text-decoration:underline}:root{--bf-primary: #FF6B35;--bf-primary-light: #FF8C5A;--bf-primary-dark: #E55A25;--bf-primary-glow: rgba(255, 107, 53, .25);--bf-fire-gradient: linear-gradient(135deg, #FF6B35 0%, #FF9F1C 50%, #FFBE0B 100%);--bf-fire-gradient-subtle: linear-gradient(135deg, rgba(255, 107, 53, .1) 0%, rgba(255, 159, 28, .1) 100%);--bf-bg-primary: #FAFAFA;--bf-bg-secondary: #F5F5F5;--bf-bg-tertiary: #EEEEEE;--bf-bg-elevated: #FFFFFF;--bf-bg-hover: #F0F0F0;--bf-text-primary: #1A1A1A;--bf-text-secondary: #666666;--bf-text-muted: #999999;--bf-text-accent: #FF6B35;--bf-border-default: rgba(0, 0, 0, .08);--bf-border-subtle: rgba(0, 0, 0, .04);--bf-border-accent: rgba(255, 107, 53, .3);--bf-card-bg: rgba(255, 255, 255, .9);--bf-card-border: rgba(0, 0, 0, .06);--bf-card-shadow: 0 4px 24px rgba(0, 0, 0, .08);--bf-card-shadow-hover: 0 8px 32px rgba(0, 0, 0, .12), 0 0 0 1px rgba(255, 107, 53, .15);--bf-card-radius: 16px;--bf-card-radius-sm: 12px;--bf-card-radius-lg: 20px;--bf-btn-primary-bg: linear-gradient(135deg, #FF6B35 0%, #FF8C5A 100%);--bf-btn-primary-hover: linear-gradient(135deg, #FF8C5A 0%, #FFAD6B 100%);--bf-btn-secondary-bg: rgba(0, 0, 0, .04);--bf-btn-secondary-hover: rgba(0, 0, 0, .08);--bf-btn-radius: 12px;--bf-input-bg: rgba(0, 0, 0, .02);--bf-input-border: rgba(0, 0, 0, .1);--bf-input-focus: rgba(255, 107, 53, .2);--bf-input-radius: 10px;--bf-nav-bg: rgba(250, 250, 250, .85);--bf-nav-blur: blur(20px);--bf-nav-border: rgba(0, 0, 0, .05);--bf-space-xs: 4px;--bf-space-sm: 8px;--bf-space-md: 16px;--bf-space-lg: 24px;--bf-space-xl: 32px;--bf-space-2xl: 48px;--bf-transition-fast: .15s ease;--bf-transition-normal: .25s ease;--bf-transition-slow: .4s ease;--bf-success: #22C55E;--bf-success-light: #4ADE80;--bf-success-bg: rgba(34, 197, 94, .1);--bf-danger: #EF4444;--bf-danger-light: #F87171;--bf-danger-bg: rgba(239, 68, 68, .1);--bf-warning: #F59E0B;--bf-warning-light: #FBBF24;--bf-warning-bg: rgba(245, 158, 11, .1);--bf-info: #3B82F6;--bf-info-light: #60A5FA;--bf-info-bg: rgba(59, 130, 246, .1);--bf-accent: #FF9F1C;--bf-accent-light: #FFBE0B;--bf-gradient-primary: linear-gradient(135deg, rgba(59, 130, 246, .1) 0%, rgba(99, 102, 241, .1) 100%);--bf-gradient-success: linear-gradient(135deg, rgba(34, 197, 94, .1) 0%, rgba(16, 185, 129, .1) 100%);--bf-gradient-accent: linear-gradient(135deg, rgba(168, 85, 247, .1) 0%, rgba(236, 72, 153, .1) 100%);--bf-surface: rgba(255, 255, 255, .5);--bf-surface-hover: rgba(0, 0, 0, .03);--bf-surface-active: rgba(0, 0, 0, .06);--bf-border: rgba(0, 0, 0, .08);--bf-radius-sm: 6px;--bf-radius-md: 10px;--bf-radius-lg: 16px;--bf-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--bf-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--bf-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--bf-space-1: 4px;--bf-space-2: 8px;--bf-space-3: 12px;--bf-space-4: 16px;--bf-space-5: 20px;--bf-space-6: 24px}.dark{--bf-primary: #FF8C5A;--bf-primary-light: #FFAD6B;--bf-primary-dark: #FF6B35;--bf-primary-glow: rgba(255, 140, 90, .3);--bf-fire-gradient: linear-gradient(135deg, #FF8C5A 0%, #FFBE0B 50%, #FFD93D 100%);--bf-fire-gradient-subtle: linear-gradient(135deg, rgba(255, 140, 90, .15) 0%, rgba(255, 190, 11, .15) 100%);--bf-bg-primary: #0D0D0D;--bf-bg-secondary: #1A1A1A;--bf-bg-tertiary: #242424;--bf-bg-elevated: #2D2D2D;--bf-bg-hover: #353535;--bf-text-primary: #FFFFFF;--bf-text-secondary: #B3B3B3;--bf-text-muted: #666666;--bf-text-accent: #FF8C5A;--bf-border-default: rgba(255, 255, 255, .08);--bf-border-subtle: rgba(255, 255, 255, .04);--bf-border-accent: rgba(255, 140, 90, .3);--bf-card-bg: rgba(26, 26, 26, .8);--bf-card-border: rgba(255, 255, 255, .06);--bf-card-shadow: 0 4px 24px rgba(0, 0, 0, .4);--bf-card-shadow-hover: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 140, 90, .15);--bf-input-bg: rgba(255, 255, 255, .04);--bf-input-border: rgba(255, 255, 255, .1);--bf-input-focus: rgba(255, 140, 90, .3);--bf-nav-bg: rgba(13, 13, 13, .85);--bf-nav-border: rgba(255, 255, 255, .05);--bf-success: #4ADE80;--bf-success-light: #86EFAC;--bf-success-bg: rgba(74, 222, 128, .15);--bf-danger: #F87171;--bf-danger-light: #FCA5A5;--bf-danger-bg: rgba(248, 113, 113, .15);--bf-warning: #FBBF24;--bf-warning-light: #FCD34D;--bf-warning-bg: rgba(251, 191, 36, .15);--bf-info: #60A5FA;--bf-info-light: #93C5FD;--bf-info-bg: rgba(96, 165, 250, .15);--bf-accent: #FFBE0B;--bf-accent-light: #FFD93D;--bf-gradient-primary: linear-gradient(135deg, rgba(96, 165, 250, .15) 0%, rgba(129, 140, 248, .15) 100%);--bf-gradient-success: linear-gradient(135deg, rgba(74, 222, 128, .15) 0%, rgba(52, 211, 153, .15) 100%);--bf-gradient-accent: linear-gradient(135deg, rgba(192, 132, 252, .15) 0%, rgba(244, 114, 182, .15) 100%);--bf-surface: rgba(36, 36, 36, .5);--bf-surface-hover: rgba(255, 255, 255, .03);--bf-surface-active: rgba(255, 255, 255, .06);--bf-border: rgba(255, 255, 255, .08)}.bf-theme{background-color:var(--bf-bg-primary);color:var(--bf-text-primary);min-height:100vh;transition:background-color var(--bf-transition-normal),color var(--bf-transition-normal)}.bf-card{background:var(--bf-card-bg);border:1px solid var(--bf-card-border);border-radius:var(--bf-card-radius);box-shadow:var(--bf-card-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--bf-transition-normal)}.bf-card:hover{box-shadow:var(--bf-card-shadow-hover);transform:translateY(-2px)}.bf-card--flat{box-shadow:none}.bf-card--interactive{cursor:pointer}.bf-card--interactive:hover{border-color:var(--bf-border-accent)}.bf-card--sm{padding:var(--bf-space-md)}.bf-card--md{padding:var(--bf-space-lg)}.bf-card--lg{padding:var(--bf-space-xl)}.bf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bf-space-sm);padding:var(--bf-space-sm) var(--bf-space-md);border-radius:var(--bf-btn-radius);font-weight:500;font-size:14px;transition:all var(--bf-transition-fast);cursor:pointer;border:none;outline:none}.bf-btn--primary{background:var(--bf-btn-primary-bg);color:#fff}.bf-btn--primary:hover{background:var(--bf-btn-primary-hover);box-shadow:0 4px 16px var(--bf-primary-glow)}.bf-btn--secondary{background:var(--bf-btn-secondary-bg);color:var(--bf-text-primary);border:1px solid var(--bf-border-default)}.bf-btn--secondary:hover{background:var(--bf-btn-secondary-hover)}.bf-btn--ghost{background:transparent;color:var(--bf-text-secondary)}.bf-btn--ghost:hover{color:var(--bf-text-primary);background:var(--bf-btn-secondary-bg)}.bf-btn--lg{padding:var(--bf-space-md) var(--bf-space-lg);font-size:16px}.bf-btn--sm{padding:var(--bf-space-xs) var(--bf-space-sm);font-size:12px}.bf-btn--full{width:100%}.bf-input{width:100%;padding:var(--bf-space-sm) var(--bf-space-md);background:var(--bf-input-bg);border:1px solid var(--bf-input-border);border-radius:var(--bf-input-radius);color:var(--bf-text-primary);font-size:14px;transition:all var(--bf-transition-fast);outline:none}.bf-input::placeholder{color:var(--bf-text-muted)}.bf-input:focus{border-color:var(--bf-primary);box-shadow:0 0 0 3px var(--bf-input-focus)}.bf-input:hover:not(:focus){border-color:var(--bf-border-default)}.bf-text--primary{color:var(--bf-text-primary)}.bf-text--secondary{color:var(--bf-text-secondary)}.bf-text--muted{color:var(--bf-text-muted)}.bf-text--accent{color:var(--bf-text-accent)}.bf-text--gradient{background:var(--bf-fire-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bf-badge{display:inline-flex;align-items:center;padding:2px 10px;background:var(--bf-fire-gradient-subtle);border:1px solid var(--bf-border-accent);border-radius:100px;font-size:12px;font-weight:500;color:var(--bf-primary)}.bf-badge--solid{background:var(--bf-fire-gradient);color:#fff;border:none}.bf-divider{height:1px;background:var(--bf-border-default);margin:var(--bf-space-md) 0}@keyframes bf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bf-glow{0%,to{box-shadow:0 0 20px var(--bf-primary-glow)}50%{box-shadow:0 0 40px var(--bf-primary-glow)}}@keyframes bf-pulse{0%,to{opacity:1}50%{opacity:.6}}.bf-animate--float{animation:bf-float 3s ease-in-out infinite}.bf-animate--glow{animation:bf-glow 2s ease-in-out infinite}.bf-animate--pulse{animation:bf-pulse 2s ease-in-out infinite}.bf-scrollbar::-webkit-scrollbar{width:8px;height:8px}.bf-scrollbar::-webkit-scrollbar-track{background:transparent}.bf-scrollbar::-webkit-scrollbar-thumb{background:var(--bf-border-default);border-radius:4px}.bf-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--bf-border-accent)}.bf-container{max-width:1200px;margin:0 auto;padding:0 var(--bf-space-lg)}.bf-container--sm{max-width:800px}.bf-container--lg{max-width:1400px}.bf-grid{display:grid;gap:var(--bf-space-lg)}.bf-grid--2{grid-template-columns:repeat(2,1fr)}.bf-grid--3{grid-template-columns:repeat(3,1fr)}.bf-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.bf-grid--4{grid-template-columns:repeat(3,1fr)}.bf-grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bf-grid--4,.bf-grid--3,.bf-grid--2{grid-template-columns:1fr}}.bf-flex{display:flex}.bf-flex--center{align-items:center;justify-content:center}.bf-flex--between{justify-content:space-between}.bf-flex--col{flex-direction:column}.bf-flex--wrap{flex-wrap:wrap}.bf-gap--sm{gap:var(--bf-space-sm)}.bf-gap--md{gap:var(--bf-space-md)}.bf-gap--lg{gap:var(--bf-space-lg)}.bf-theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bf-btn-secondary-bg);border:1px solid var(--bf-border-default);cursor:pointer;transition:all var(--bf-transition-fast)}.bf-theme-toggle:hover{background:var(--bf-btn-secondary-hover);transform:scale(1.05)}.bf-theme-toggle svg{width:20px;height:20px;color:var(--bf-text-secondary);transition:color var(--bf-transition-fast)}.bf-theme-toggle:hover svg{color:var(--bf-primary)}.bf-theme-selector{display:flex;gap:var(--bf-space-sm);padding:var(--bf-space-sm);background:var(--bf-input-bg);border-radius:var(--bf-input-radius)}.bf-theme-option{display:flex;align-items:center;justify-content:center;gap:var(--bf-space-xs);padding:var(--bf-space-sm) var(--bf-space-md);border-radius:var(--bf-input-radius);background:transparent;border:none;color:var(--bf-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--bf-transition-fast)}.bf-theme-option:hover{color:var(--bf-text-primary);background:var(--bf-btn-secondary-bg)}.bf-theme-option.active{background:var(--bf-fire-gradient);color:#fff}.bf-theme-option svg{width:16px;height:16px}.floating-menu{pointer-events:auto;box-shadow:0 5px 10px -3px #0003,0 5px 5px -3px #0000001a,0 0 0 1px #fff3 inset;animation:floatIn .3s ease-out,floatOut .3s ease-in}
