:root{--neon-green: #39ff14;--neon-cyan: #00aaff;--neon-pink: #ff0055;--bg-black: #050505;--terminal-font: "Courier New", Courier, monospace}body{margin:0;background-color:var(--bg-black);color:#e0e0e0;font-family:var(--terminal-font);overflow:hidden}.rain-symbol{position:absolute;top:-50px;font-weight:700;-webkit-user-select:none;user-select:none;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{to{transform:translateY(110vh)}}.glitch-text{position:relative;color:#fff;font-weight:700;letter-spacing:2px}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-1px 0 var(--neon-pink);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 var(--neon-cyan);clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(32px,9999px,18px,0)}20%{clip:rect(89px,9999px,12px,0)}40%{clip:rect(12px,9999px,86px,0)}60%{clip:rect(67px,9999px,32px,0)}80%{clip:rect(2px,9999px,67px,0)}to{clip:rect(54px,9999px,92px,0)}}@keyframes glitch-anim-2{0%{clip:rect(12px,9999px,54px,0)}20%{clip:rect(76px,9999px,23px,0)}40%{clip:rect(34px,9999px,12px,0)}60%{clip:rect(21px,9999px,78px,0)}80%{clip:rect(98px,9999px,10px,0)}to{clip:rect(2px,9999px,34px,0)}}.alert-blink{animation:blinker 1.5s linear infinite;font-weight:700}@keyframes blinker{50%{opacity:0}}.box,.story-box,.sidebar{border:1px solid var(--neon-green);padding:20px;margin:20px 0;box-shadow:0 0 10px #39ff141a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar{border-left:5px solid var(--neon-pink)}.story-box{border:1px dashed var(--neon-cyan)}.ascii-container{display:flex;justify-content:center;align-items:center;margin:20px 0;overflow:hidden}.ascii-art{font-size:10px;line-height:10px;white-space:pre;text-shadow:0 0 5px var(--neon-green)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-black)}::-webkit-scrollbar-thumb{background:var(--neon-green);border:1px solid var(--bg-black)}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}:root{--bg-primary: #0a0a0a;--bg-secondary: #18032f;--bg-tertiary: #2e054f;--text-primary: #00ffc0;--text-secondary: #ff00ff;--text-dim: #008060;--text-white: #e0e0e0;--text-error: #ff3366;--text-warning: #ffcc00;--accent: #00ffff;--border: #00ffc055;--neon-blue: #00bfff;--neon-purple: #8a2be2;--neon-red: #ff3131;--neon-pink: #ff69b4;--neon-green: #39ff14;--neon-cyan: #00ffff;--neon-yellow: #f8f800;--glow-strong: 0 0 8px var(--text-primary), 0 0 20px var(--accent), 0 0 35px var(--neon-blue);--glow-text: 0 0 4px var(--text-primary), 0 0 8px var(--accent);--scanline-opacity: .05}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{scroll-behavior:smooth;background:var(--bg-primary);font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;color:var(--text-primary);line-height:1.6}.terminal-container:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000;opacity:var(--scanline-opacity)}@keyframes flicker{0%,to{opacity:1;transform:scaleY(1)}5%{opacity:.98;transform:scaleY(.99)}10%{opacity:.96;transform:scaleY(1.01)}15%{opacity:.99;transform:scaleY(.98)}20%{opacity:.97;transform:scaleY(1.02)}50%{opacity:.98}80%{opacity:.99}90%{opacity:.97}}.terminal-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);position:relative;animation:flicker .2s infinite alternate;border:2px solid var(--border);box-shadow:0 0 15px var(--neon-purple),0 0 30px var(--neon-blue)}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:2px solid var(--accent);box-shadow:0 2px 10px #00ffff4d}.terminal-buttons{display:flex;gap:8px}.terminal-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:opacity .2s;box-shadow:0 0 5px #fff3}.terminal-btn:hover{opacity:.8}.terminal-btn.close{background:var(--neon-red)}.terminal-btn.minimize{background:var(--neon-yellow)}.terminal-btn.maximize{background:var(--neon-green)}.terminal-title{font-size:13px;color:var(--accent);letter-spacing:1px;text-shadow:var(--glow-text);font-weight:700}.terminal-status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-primary);box-shadow:var(--glow-strong);animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.1);opacity:1}}.terminal-body{flex:1;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-secondary)}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:var(--bg-secondary)}.terminal-body::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.terminal-line{margin-bottom:2px;white-space:pre-wrap;word-break:break-word;font-size:14px}.terminal-line.ascii{position:relative;display:inline-block;font-weight:600;font-size:11px;line-height:1.2;color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,var(--neon-pink),var(--neon-blue),var(--neon-green));-webkit-text-stroke:.35px rgba(255,255,255,.06);text-shadow:0 0 7px var(--neon-green),0 0 15px var(--neon-cyan),0 0 35px var(--neon-pink),0 0 70px var(--neon-blue)}.terminal-line.ascii:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;color:var(--neon-green);opacity:.6;filter:blur(10px) saturate(150%);z-index:-1;pointer-events:none;mix-blend-mode:screen}.terminal-line.ascii:hover{filter:drop-shadow(0 0 10px rgba(0,255,136,.7));transform:translateY(-1px)}.terminal-line.output{color:var(--text-white);text-shadow:0 0 2px rgba(255,255,255,.2)}.terminal-line.menu{color:var(--neon-purple);font-size:15px;text-shadow:var(--glow-text)}.terminal-line.error{color:var(--neon-red);text-shadow:0 0 5px var(--neon-red)}.terminal-line.success{color:var(--text-primary);text-shadow:0 0 5px var(--text-primary)}.terminal-input-line{display:flex;align-items:center;margin-top:10px}.prompt{color:var(--neon-cyan);margin-right:10px;text-shadow:var(--glow-strong);white-space:nowrap;font-weight:700}.input-wrapper{display:inline-flex;align-items:center}.input-text{color:var(--text-white);white-space:pre}.terminal-input{position:absolute;opacity:0;pointer-events:none}.cursor{display:inline-block;width:9px;height:17px;background:var(--neon-green);vertical-align:middle;margin-left:1px;box-shadow:var(--glow-strong);flex-shrink:0;animation:cursor-blink 1s infinite step-end}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.service-detail{margin:20px 0;padding:20px;border:1px solid var(--accent);background:var(--bg-secondary);box-shadow:0 0 8px var(--accent)}.service-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border)}.service-icon{font-size:32px}.service-title{color:var(--neon-cyan);font-size:20px;text-shadow:var(--glow-strong)}.service-desc{color:var(--text-white);margin-bottom:20px;line-height:1.8}.service-features{margin-top:20px}.service-features h3{color:var(--neon-pink);margin-bottom:15px;font-size:14px;letter-spacing:2px}.feature-list{list-style:none}.feature-list li{color:var(--text-white);padding:8px 0 8px 25px;position:relative}.feature-list li:before{content:"▸";position:absolute;left:0;color:var(--neon-green)}.back-hint{margin-top:20px;padding-top:15px;border-top:1px solid var(--border);color:var(--text-dim);font-size:12px}.back-hint kbd{background:var(--bg-tertiary);padding:2px 8px;border-radius:3px;border:1px solid var(--accent);color:var(--neon-blue);box-shadow:0 0 5px var(--neon-blue)}.about-section{padding:20px;border:1px solid var(--accent);background:var(--bg-secondary);margin:20px 0;box-shadow:0 0 8px var(--accent)}.about-section h2{color:var(--neon-cyan);margin-bottom:20px;text-shadow:var(--glow-strong)}.about-section p{color:var(--text-white);margin-bottom:15px;line-height:1.8}.contact-section{padding:20px;border:1px solid var(--accent);background:var(--bg-secondary);margin:20px 0;box-shadow:0 0 8px var(--accent)}.contact-section h2{color:var(--neon-cyan);margin-bottom:20px;text-shadow:var(--glow-strong)}.contact-item{display:flex;align-items:center;gap:15px;padding:10px 0;color:var(--text-white)}.contact-item span:first-child{color:var(--text-secondary);min-width:100px}@media(max-width:768px){.terminal-container{min-height:100dvh;border:none;box-shadow:none}.terminal-header{padding:8px 12px}.terminal-title{font-size:11px}.terminal-status{font-size:10px;gap:5px}.terminal-status span:nth-child(3),.terminal-status span:nth-child(4){display:none}.terminal-body{padding:10px;font-size:12px;line-height:1.4}.terminal-line{margin-bottom:1px}.terminal-line.ascii{font-size:5px;line-height:1.1;text-shadow:0 0 3px var(--neon-green),0 0 8px var(--neon-cyan),0 0 15px var(--neon-pink)}.terminal-line.output{font-size:11px}.terminal-line.menu{font-size:9px;letter-spacing:-.5px}.terminal-input-line{margin-top:8px;font-size:12px}.prompt{font-size:11px;margin-right:6px}.cursor{width:7px;height:14px}.service-detail,.about-section,.contact-section{margin:10px 0;padding:12px}.service-header{gap:10px;margin-bottom:12px;padding-bottom:10px}.service-icon{font-size:24px}.service-title{font-size:16px}.service-desc{font-size:12px;line-height:1.6;margin-bottom:12px}.service-features{margin-top:12px}.service-features h3{font-size:11px;margin-bottom:10px}.feature-list li{font-size:11px;padding:5px 0 5px 18px}.back-hint{margin-top:12px;padding-top:10px;font-size:10px}.about-section h2,.contact-section h2{font-size:14px;margin-bottom:12px}.about-section p{font-size:11px;line-height:1.6;margin-bottom:10px}.contact-item{font-size:11px;padding:6px 0;gap:10px}.contact-item span:first-child{min-width:70px;font-size:10px}}@media(max-width:380px){.terminal-line.ascii{font-size:4px}.terminal-line.menu{font-size:8px}.prompt{font-size:10px}}.matrix-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.05;z-index:-1}