:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s ease}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.container{min-height:100vh;width:100%;background:#0a0e27;background-image:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3),transparent 50%),radial-gradient(circle at 80% 80%,rgba(138,43,226,.3),transparent 50%);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.binary-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:.1;pointer-events:none}.binary-digit{position:absolute;color:#0f0;font-family:Courier New,monospace;font-size:1.5rem;animation:fall 8s linear infinite;left:calc(var(--i, 0) * 5%)}@keyframes fall{0%{top:-10%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:110%;opacity:0}}.content{max-width:1000px;width:100%;position:relative;z-index:1}.terminal-header{background:#1e1e1ee6;padding:.8rem 1.5rem;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:.5rem;margin-bottom:0;border:1px solid rgba(255,255,255,.1);border-bottom:none}.terminal-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{margin-left:1rem;color:#fff9;font-family:Courier New,monospace;font-size:.9rem}.header{background:#141414cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border:1px solid rgba(255,255,255,.1);border-top:none;animation:fadeInDown .8s ease-out}.ascii-art{color:#0f0;font-size:.8rem;margin:0;text-shadow:0 0 10px rgba(0,255,0,.5);font-family:Courier New,monospace;line-height:1.2}.subtitle{font-size:1.3rem;color:#fffc;margin-top:1.5rem;font-family:Courier New,monospace}.code-inline{color:#0f0;font-family:Courier New,monospace}.cursor-blink{animation:blink 1s infinite;color:#0f0}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-line{background:#141414e6;padding:1rem 1.5rem;margin:1.5rem 0;border-radius:8px;border:1px solid rgba(0,255,0,.3);font-family:Courier New,monospace;color:#0f0;text-align:left;box-shadow:0 0 20px #00ff001a}.prompt{color:#0ff;margin-right:.5rem}.terminal-output{color:#fff}.ticket-section{margin:3rem 0;animation:fadeIn 1s ease-out .3s both;display:flex;flex-direction:column;align-items:center}.create-ticket-btn{background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border:2px solid #00ff00;padding:2rem 3rem;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 30px #00ff004d;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:400px;font-family:Courier New,monospace}.create-ticket-btn:hover{transform:translateY(-5px);box-shadow:0 0 50px #00ff0080;border-color:#0ff;background:linear-gradient(145deg,#2d2d2d,#1a1a1a)}.create-ticket-btn:active{transform:translateY(-2px)}.btn-icon{font-size:.9rem;color:#0ff;font-weight:700}.btn-text{font-size:1.8rem;font-weight:700;color:#0f0;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px rgba(0,255,0,.5)}.btn-subtext{font-size:.85rem;color:#fff9;font-style:italic}.ticket-info{margin-top:2rem;animation:slideIn .5s ease-out}.terminal-output-box{background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:10px;border:1px solid rgba(0,255,0,.3);box-shadow:0 0 20px #0f03}.terminal-output-box pre{color:#0f0;font-family:Courier New,monospace;font-size:.95rem;margin:0;text-align:left;line-height:1.6}.quote-section{margin:3rem 0;animation:fadeIn 1s ease-out .6s both}.quote-box{background:#141414e6;padding:2rem;border-radius:10px;border:1px solid rgba(0,255,0,.3);box-shadow:0 0 20px #0f03;text-align:left}.quote-prompt{color:#0ff;font-family:Courier New,monospace;font-size:1rem;display:block;margin-bottom:1rem}.quote-text{font-size:1.3rem;color:#fff;font-weight:400;margin:0;font-style:italic;line-height:1.6;font-family:Courier New,monospace}.facts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0;animation:fadeIn 1s ease-out .9s both}.fact-card{background:#141414e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:10px;border:1px solid rgba(0,255,0,.3);transition:all .3s ease;box-shadow:0 0 15px #00ff001a}.fact-card:hover{transform:translateY(-5px);box-shadow:0 0 30px #00ff004d;border-color:#0ff}.fact-card h3{margin-top:0;color:#0ff;font-size:1.3rem;font-family:Courier New,monospace;margin-bottom:1.5rem}.code-block{background:#0a0a0acc;padding:1.5rem;border-radius:8px;border-left:3px solid #00ff00;overflow-x:auto}.code-block code{color:#0f0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.8;white-space:pre;display:block}.system-info{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem;margin:2rem 0;padding:1.5rem;background:#141414cc;border-radius:10px;border:1px solid rgba(0,255,0,.2)}.info-item{color:#fffc;font-family:Courier New,monospace;font-size:.9rem}.status-error{color:red;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.footer{margin-top:3rem;padding:2rem;background:#141414cc;border-radius:0 0 10px 10px;border:1px solid rgba(0,255,0,.2);border-top:2px solid rgba(0,255,0,.3);animation:fadeIn 1s ease-out 1.2s both}.footer p{color:#fffc;font-size:1.1rem;margin:0;font-family:Courier New,monospace}.footer-symbol{color:#0ff;font-weight:700;margin-right:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.ascii-art{font-size:.5rem}.subtitle{font-size:1rem}.create-ticket-btn{min-width:280px;padding:1.5rem 2rem}.btn-text{font-size:1.3rem}.quote-text{font-size:1.1rem}.facts-section{grid-template-columns:1fr}.system-info{flex-direction:column;align-items:center}.terminal-output-box pre{font-size:.8rem}}