.hero-console{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0f0f0f 100%);border-radius:12px;width:100%;min-width:480px;max-width:580px;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,Consolas,monospace;position:relative;overflow:hidden;box-shadow:0 0 100px #8a3ffc2e,0 0 150px #8a3ffc1f,0 4px 8px #00000026,0 16px 48px #0000004d}.hero-console:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#a78bfa,#7dd3fc,#a78bfa,#f472b6,#a78bfa) 0 0/300% 100%;border-radius:12px;padding:1px;animation:4s infinite console-border-animation;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes console-border-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-console-header{z-index:1;background:linear-gradient(#2a2a2a 0%,#222 100%);border-bottom:1px solid #3d3d3d;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex;position:relative}.hero-console-dots{align-items:center;gap:8px;display:flex}.hero-console-header .dot{border-radius:50%;width:12px;height:12px}.hero-console-header .dot.red{background:#ff5f56}.hero-console-header .dot.yellow{background:#ffbd2e}.hero-console-header .dot.green{background:#27c93f}.hero-console-tabs{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.5rem;padding:.35rem;display:flex}.hero-console-tab-btn{color:#9ca3af;cursor:pointer;text-transform:lowercase;background:0 0;border:1px solid #0000;border-radius:4px;padding:.4rem .75rem;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.7rem;font-weight:500;transition:all .2s}.hero-console-tab-btn:hover{color:#e0e0e0;background:#ffffff14}.hero-console-tab-btn.active{color:#c4b5fd;background:#a78bfa33;border-color:#a78bfa66}.hero-console-body{text-align:left;z-index:1;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;display:flex;position:relative}.hero-console-line{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.hero-console-body code{color:#f0f0f0;white-space:pre-wrap;word-break:break-word;cursor:text;-webkit-user-select:text;user-select:text;font-size:.8rem;line-height:1.7;display:block}.hero-console-prompt{color:#c084fc;-webkit-user-select:none;user-select:none;font-weight:600}.hero-console-copy{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.hero-console-copy:hover{color:#a78bfa;background:#a78bfa1a}.hero-console-copy:active{transform:scale(.95)}@media (max-width:1200px){.hero-console{min-width:420px;max-width:520px}}@media (max-width:1024px){.hero-console{min-width:unset;max-width:580px;margin:0 auto}}@media (max-width:768px){.hero-console{max-width:calc(100% - 1rem)}.hero-console-tabs{gap:.25rem;padding:.25rem}.hero-console-tab-btn{padding:.3rem .5rem;font-size:.6rem}.hero-console-body{padding:1rem 1.25rem;overflow-x:auto}.hero-console-body code{font-size:.75rem}}