.demo-background{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.demo-gradient-mesh{position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 10% 20%,rgba(240,68,56,.15),transparent),radial-gradient(ellipse 50% 30% at 90% 80%,rgba(139,92,246,.12),transparent),radial-gradient(ellipse 40% 25% at 50% 50%,rgba(240,68,56,.08),transparent);animation:demo-mesh-shift 20s ease-in-out infinite}@keyframes demo-mesh-shift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.demo-floating-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;will-change:transform}.demo-orb-1{width:400px;height:400px;top:-10%;left:-5%;background:radial-gradient(circle,rgba(240,68,56,.2) 0%,transparent 70%);animation:demo-orb-float-1 25s ease-in-out infinite}.demo-orb-2{width:300px;height:300px;bottom:-5%;right:-5%;background:radial-gradient(circle,rgba(139,92,246,.18) 0%,transparent 70%);animation:demo-orb-float-2 30s ease-in-out infinite}.demo-orb-3{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(240,68,56,.12) 0%,transparent 70%);animation:demo-orb-float-3 20s ease-in-out infinite}@keyframes demo-orb-float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}}@keyframes demo-orb-float-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,-30px) scale(.98)}66%{transform:translate(20px,-20px) scale(1.03)}}@keyframes demo-orb-float-3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.demo-panel{position:relative;background:linear-gradient(180deg,#18181bcc,#09090be6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06)}.demo-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none}.demo-panel-header{position:relative;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}.demo-sidebar{background:linear-gradient(180deg,#121214f2,#09090bfa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.demo-sidebar-header{position:relative;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff08,#ffffff03)}.demo-sidebar-header:after{content:"";position:absolute;bottom:0;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,rgba(240,68,56,.3),transparent)}.demo-command-section{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.04)}.demo-command-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:.5rem;transition:all .2s ease;cursor:pointer}.demo-command-item:hover{background:linear-gradient(135deg,#f0443814,#8b5cf60a);border:1px solid rgba(240,68,56,.15);margin:-1px;padding:calc(.5rem + 1px) calc(.75rem + 1px)}.demo-command-item code{font-family:var(--font-mono, "JetBrains Mono", "Fira Code", ui-monospace, monospace);color:#22d3ee;font-size:.75rem;text-shadow:0 0 10px rgba(34,211,238,.3)}.demo-command-item:hover code{color:#67e8f9;text-shadow:0 0 15px rgba(34,211,238,.5)}.demo-file-tree-header{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-brand-400, #f97066);padding:.75rem 1rem .5rem}.demo-file-item{transition:all .2s ease;border-radius:.375rem;margin:0 .5rem}.demo-file-item:hover{background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f}.demo-file-item.selected{background:linear-gradient(135deg,#f044381a,#8b5cf60d);box-shadow:inset 0 0 0 1px #f0443833}.demo-terminal{position:relative;background:linear-gradient(180deg,#1c1418,#150f12,#120c0e);border:1px solid rgba(240,68,56,.15);border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0006,0 10px 20px #0000004d,0 0 40px #f044380d,inset 0 1px #ffffff0d}.demo-terminal:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none;z-index:10}.demo-terminal:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(240,68,56,.06),transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(139,92,246,.04),transparent 50%);pointer-events:none;z-index:1}.demo-terminal-header{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:linear-gradient(180deg,#f0443808,#ffffff05);border-bottom:1px solid rgba(240,68,56,.1)}.demo-terminal-dot{width:12px;height:12px;border-radius:50%;transition:all .2s ease}.demo-terminal-dot.red{background:linear-gradient(135deg,#ff5f57,#ff3b30);box-shadow:0 0 10px #ff5f5799,0 0 20px #ff5f574d}.demo-terminal-dot.yellow{background:linear-gradient(135deg,#ffbd2e,#ff9f0a);box-shadow:0 0 10px #ffbd2e99,0 0 20px #ffbd2e4d}.demo-terminal-dot.green{background:linear-gradient(135deg,#28c840,#30d158);box-shadow:0 0 10px #28c84099,0 0 20px #28c8404d}.demo-terminal-header:hover .demo-terminal-dot.red{box-shadow:0 0 12px #ff5f57cc}.demo-terminal-header:hover .demo-terminal-dot.yellow{box-shadow:0 0 12px #ffbd2ecc}.demo-terminal-header:hover .demo-terminal-dot.green{box-shadow:0 0 12px #28c840cc}.demo-terminal-title{margin-left:.5rem;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.75rem;color:#ffffff80;letter-spacing:.02em}.demo-terminal-content{position:relative;z-index:2;padding:1rem 1.25rem;font-family:var(--font-mono, "JetBrains Mono", "Fira Code", monospace);font-size:.875rem;line-height:1.6;color:#e8dcd8;overflow-y:auto;overflow-x:hidden;user-select:text;-webkit-user-select:text;cursor:text}.demo-terminal-content .ansi-red{color:#f97066}.demo-terminal-content .ansi-green{color:#6ee7a8}.demo-terminal-content .ansi-yellow{color:#fbbf24}.demo-terminal-content .ansi-blue{color:#7aa2f7}.demo-terminal-content .ansi-magenta{color:#a78bfa}.demo-terminal-content .ansi-cyan{color:#67e8f9}.demo-terminal-content .ansi-white{color:#e8dcd8}.demo-terminal-content .ansi-bright-black{color:#6b5c58}.demo-terminal-prompt{color:#a78bfa;font-weight:500}.demo-terminal-prompt-path{color:#f97066}.demo-terminal-prompt-symbol{color:#6ee7a8}.demo-terminal-input{background:transparent;border:none;outline:none;color:#e8dcd8;font-family:inherit;font-size:inherit;width:100%;caret-color:#f97066}.demo-terminal-input::placeholder{color:#e8dcd84d}.demo-terminal-cursor{display:inline-block;width:8px;height:1.2em;background:#f97066;margin-left:2px;animation:demo-cursor-blink 1s step-end infinite;vertical-align:text-bottom;box-shadow:0 0 8px #f9706680}@keyframes demo-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.demo-preview-panel{background:linear-gradient(180deg,#121214f2,#09090bfa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.demo-preview-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%)}.demo-preview-content{padding:1.25rem}.demo-issue-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:.75rem;padding:1rem;transition:all .3s ease}.demo-issue-card:hover{border-color:#f0443833;box-shadow:0 0 20px #f044381a}.demo-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:500;transition:all .2s ease}.demo-status-badge.open{background:#a1a1aa26;color:#a1a1aa;border:1px solid rgba(161,161,170,.2)}.demo-status-badge.in_progress{background:#facc1526;color:#facc15;border:1px solid rgba(250,204,21,.2);box-shadow:0 0 10px #facc1533}.demo-status-badge.blocked{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.2);box-shadow:0 0 10px #f8717133}.demo-status-badge.closed{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.2);box-shadow:0 0 10px #4ade8033}.demo-mobile-tab-bar{background:linear-gradient(180deg,#121214fa,#09090b);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06)}.demo-mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 0;transition:all .2s ease;position:relative}.demo-mobile-tab.active{color:var(--color-brand-400, #f97066)}.demo-mobile-tab.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2rem;height:2px;background:linear-gradient(90deg,var(--color-brand-500, #f04438),var(--color-accent-500, #8b5cf6));border-radius:1px}.demo-reset-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:500;color:#ffffffb3;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;cursor:pointer}.demo-reset-button:hover{background:#f044381a;border-color:#f044384d;color:var(--color-brand-400, #f97066)}.demo-reset-button:hover svg{animation:demo-spin .5s ease}@keyframes demo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-section-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff6}.demo-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);margin:.5rem 0}.demo-fade-in{animation:demo-fade-in .4s ease-out forwards;opacity:0}@keyframes demo-fade-in{to{opacity:1}}.demo-slide-up{animation:demo-slide-up .3s ease-out forwards;opacity:0;transform:translateY(10px)}@keyframes demo-slide-up{to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.demo-terminal{border-radius:.75rem}.demo-terminal-content{font-size:.8125rem}}@media(max-width:640px){.demo-terminal-content{font-size:.75rem;padding:.75rem 1rem}}