*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#00ff9d;--primary-dark:#00cc7d;--secondary:#00b8ff;--background:#0a0a0f;--surface:#151520;--text:#e0e0e0;--text-secondary:#94a3b8;--error:#ff4757;--success:#00ff9d;--terminal-green:#00ff9d;--terminal-blue:#00b8ff}body{background:var(--background);color:var(--text);display:grid;font-family:JetBrains Mono,monospace;grid-template-columns:1fr 1fr;min-height:100vh}.terminal-section,body{overflow:hidden;position:relative}.terminal-section{background:var(--surface);border-right:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;justify-content:center;padding:4rem}.terminal-content{position:relative;z-index:1}.terminal-title{color:var(--terminal-green);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(0,255,157,.3)}.terminal-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:400px}.code-block{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.code-block:before{color:var(--terminal-blue);content:"// Authentication System";font-size:.8rem;left:1rem;opacity:.7;position:absolute;top:.5rem}.code-line{display:flex;font-size:.9rem;margin-bottom:.5rem}.code-line:last-child{margin-bottom:0}.line-number{color:var(--text-secondary);margin-right:1rem;user-select:none}.code-content{color:var(--text)}.keyword{color:var(--terminal-blue)}.string{color:var(--terminal-green)}.comment{color:var(--text-secondary)}.form-section{background:var(--background);display:flex;flex-direction:column;justify-content:center;padding:4rem;position:relative}.form-container{margin:0 auto;max-width:400px;width:100%}.form-title{align-items:center;color:var(--text);display:flex;font-size:1.5rem;font-weight:600;margin-bottom:2rem}.form-title:before{animation:blink 1s infinite;color:var(--terminal-green);content:">";margin-right:.5rem}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.form-group{margin-bottom:1.5rem}.input-label{color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:.5rem}.input-field{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.input-field:focus{border-color:var(--terminal-green);box-shadow:0 0 0 2px rgba(0,255,157,.2);outline:none}.submit-button{background:var(--terminal-green);border:none;border-radius:4px;color:var(--background);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:500;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.submit-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:4px;color:var(--error);font-family:JetBrains Mono,monospace;font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.matrix-bg{height:100%;left:0;opacity:.05;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.help-container{bottom:24px;left:24px;position:absolute;z-index:10}.help-icon{align-items:center;background:var(--surface);border:1px solid rgba(0,255,157,.2);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);color:var(--terminal-green);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:1.5rem;height:36px;justify-content:center;transition:background .2s,color .2s;width:36px}.help-icon:hover{background:var(--terminal-green);color:var(--background)}.help-tooltip{background:var(--surface);border:1px solid rgba(0,255,157,.15);border-radius:8px;bottom:4px;box-shadow:0 4px 24px rgba(0,0,0,.25);color:var(--text);font-family:JetBrains Mono,monospace;font-size:.95rem;left:48px;line-height:1.5;max-width:380px;min-width:320px;opacity:0;padding:.7rem 1.5rem;pointer-events:none;position:absolute;transition:opacity .2s;white-space:pre-line;z-index:11}.help-tooltip strong{font-size:1.02em}.help-icon:focus+.help-tooltip,.help-icon:hover+.help-tooltip{opacity:1;pointer-events:auto}.home-button{align-items:center;background:var(--surface);border:1px solid rgba(0,255,157,.2);border-radius:50%;color:var(--terminal-green);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;left:24px;position:absolute;text-decoration:none;top:24px;transition:all .3s ease;width:40px;z-index:10}.home-button:hover{background:var(--terminal-green);color:var(--background);transform:translateY(-1px)}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.form-container.shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}@media (max-width:768px){body{grid-template-columns:1fr}.terminal-section{display:none}.form-section{padding:2rem;position:relative}.help-container{bottom:12px;left:12px;position:fixed}.help-tooltip{bottom:0;font-size:.92rem;left:44px;padding:.8rem 1rem}.code-block{font-size:.85rem;margin-bottom:1.2rem;max-width:100vw;overflow-x:auto;padding:1rem}.form-container{max-width:100%}.home-button{left:12px;position:fixed;top:1rem}}
/*# sourceMappingURL=keyForm.css.map*/