.intro-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f6f0}.intro-box{background-color:#222323;padding:2.5rem 5rem;border-radius:12px;box-shadow:0 0 15px #07e5a04d;text-align:center;animation:fadeIn 1.5s ease}.intro-text{color:#f0f6f0;font-family:Courier New,monospace;font-size:1.8rem;margin-bottom:1rem}.intro-sub{color:#f0f6f0;font-family:Courier New,monospace;font-size:1.2rem;margin-bottom:1.5rem;opacity:.9}.intro-input{background:#f0f6f0;color:#222323;border:none;padding:.7rem 1rem;border-radius:8px;font-size:1rem;margin-bottom:.8rem;text-align:center;outline:none;width:100%;max-width:300px;font-family:Courier New,monospace}.intro-input:focus{box-shadow:0 0 10px #07e5a080}.intro-btn{background:transparent;color:#f0f6f0;border:1px solid #f0f6f0;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;font-size:1rem;margin-top:.5rem}.intro-btn:hover{background-color:#f0f6f0;color:#222323;box-shadow:0 0 10px #07e5a04d}.error-msg{color:#ff4f4f;margin-top:.8rem;font-size:.9rem;font-family:Courier New,monospace}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.intro-box{padding:2rem 3rem;margin:0 1rem}.intro-text{font-size:1.5rem}.intro-sub{font-size:1rem}.intro-input{max-width:250px}}.app{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#f0f6f0;font-family:Source Code Pro,Courier New,monospace}.app-header{background:#222323f2;padding:1rem 2rem;border-bottom:1px solid rgba(7,229,160,.3);display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:1rem}.header-logo{width:50px;height:50px;border-radius:50%;border:2px solid rgba(7,229,160,.3);box-shadow:0 0 10px #07e5a033}.header-text h1{margin:0;font-size:1.5rem;color:#07e5a0;text-shadow:0 0 10px rgba(7,229,160,.5)}.header-text p{margin:0;color:#f0f6f0;opacity:.8;font-size:.9rem}.reset-btn{background:transparent;color:#ff4f4f;border:1px solid #ff4f4f;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:Source Code Pro,Courier New,monospace}.reset-btn:hover{background:#ff4f4f;color:#222323;box-shadow:0 0 10px #ff4f4f4d}.app-main{padding:2rem;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px)}.terminal-container{width:100%;max-width:900px;background:#222323;border-radius:12px;box-shadow:0 0 30px #07e5a033;overflow:hidden}.terminal-header{background:#1a1a1a;padding:.75rem 1rem;display:flex;align-items:center;border-bottom:1px solid rgba(7,229,160,.2)}.terminal-buttons{display:flex;gap:.5rem;margin-right:1rem}.btn{width:12px;height:12px;border-radius:50%}.btn.red{background:#ff5f56}.btn.yellow{background:#ffbd2e}.btn.green{background:#27ca3f}.terminal-title{color:#f0f6f0;font-size:.9rem;opacity:.8}.terminal-body{padding:1.5rem;min-height:400px}.terminal-content{font-family:Source Code Pro,Courier New,monospace;font-size:.9rem;line-height:1.6}.terminal-line{margin-bottom:.5rem;display:flex;align-items:center}.prompt{color:#07e5a0;margin-right:.5rem;font-weight:700}.command{color:#f0f6f0}.cursor{color:#07e5a0;animation:blink 1s infinite}.terminal-output{margin:1rem 0}.output-line{color:#f0f6f0;margin-bottom:.25rem;opacity:.9}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.app-header{padding:1rem;flex-direction:column;gap:.5rem;text-align:center}.header-left{flex-direction:column;gap:.5rem}.header-logo{width:40px;height:40px}.header-text h1{font-size:1.2rem}.app-main,.terminal-body{padding:1rem}.terminal-content{font-size:.8rem}}