*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:#00ff41;font-family:"VT323",monospace;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}#matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.8}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2));background-size:100% 4px;z-index:10;pointer-events:none}.terminal{position:relative;z-index:5;width:90%;max-width:650px;background:rgba(0,10,0,.9);border:2px solid #00ff41;box-shadow:0 0 20px rgba(0,255,65,.2);padding:2px;user-select:none}.terminal-header{background:#00ff41;color:#000;padding:5px 15px;font-size:1.2rem;display:flex;justify-content:space-between;align-items:center;font-weight:bold;text-transform:uppercase}.terminal-body{padding:2rem;min-height:300px;display:flex;flex-direction:column}.terminal-body h1{font-size:3rem;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,65,.5);margin-bottom:1rem;line-height:1}.terminal-body .typewriter-text{font-size:1.5rem;margin-bottom:2rem;min-height:1.5em}.terminal-body .typewriter-text .cursor{display:inline-block;width:10px;height:1.2rem;background:#00ff41;animation:blink 1s step-end infinite;vertical-align:middle}.action-area{margin-top:auto;border-top:1px dashed #003b0f;padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.action-area .prompt-label{margin-bottom:10px;opacity:.7}.btn-glitch{position:relative;display:block;text-align:center;padding:15px;text-decoration:none;color:#00ff41;border:1px solid #00ff41;font-size:1.5rem;text-transform:uppercase;background:rgba(0,20,0,.8);transition:.2s;overflow:hidden}.btn-glitch::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:hsla(0,0%,100%,.1);transform:skewX(-20deg);transition:.5s}.btn-glitch:hover{background:#00ff41;color:#000;box-shadow:0 0 15px #00ff41}.btn-glitch:hover::before{left:100%}.btn-glitch.main-btn{border-width:2px;font-weight:bold;letter-spacing:2px}.secondary-links{display:flex;gap:1rem;flex-wrap:wrap}.secondary-links a{flex:1;font-size:1.2rem}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@media(max-width: 600px){.terminal-body h1{font-size:2.2rem}.terminal-body .typewriter-text{font-size:1.2rem}.secondary-links{flex-direction:column}}