*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#0d0f14;margin:0;padding:0}#root{width:100%;min-height:100vh}.diagram-frame{border:none;width:100%;height:100%;display:block;position:fixed;inset:0}.gate-wrapper{background:#0d0f14;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;display:flex}.gate-card{background:#13161e;border:1px solid #252a38;border-radius:12px;flex-direction:column;align-items:center;gap:0;width:100%;max-width:400px;padding:48px 40px 40px;display:flex}.gate-logo{justify-content:center;align-items:center;margin-bottom:28px;display:flex}.gate-logo-img{object-fit:contain;filter:invert();width:100%;max-width:180px;height:auto}.gate-title{color:#c8cdd8;text-align:center;letter-spacing:.01em;margin:0 0 8px;font-size:18px;font-weight:600}.gate-subtitle{color:#7a8299;text-align:center;margin:0 0 32px;font-size:13px;line-height:1.5}.gate-form{flex-direction:column;gap:12px;width:100%;display:flex}.gate-field{flex-direction:column;gap:6px;display:flex}.gate-input{color:#c8cdd8;letter-spacing:.1em;box-sizing:border-box;background:#1a1e28;border:1px solid #252a38;border-radius:7px;outline:none;width:100%;padding:11px 14px;font-family:IBM Plex Mono,monospace;font-size:14px;transition:border-color .18s}.gate-input::placeholder{color:#4a5068;letter-spacing:.04em}.gate-input:focus{border-color:#4f8ef7}.gate-input--error{border-color:#e05050!important}.gate-error{color:#e05050;margin:0;padding-left:2px;font-size:12px}.gate-btn{color:#fff;letter-spacing:.03em;cursor:pointer;background:#4f8ef7;border:none;border-radius:7px;justify-content:center;align-items:center;width:100%;min-height:42px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:background .18s,opacity .18s;display:flex}.gate-btn:hover:not(:disabled){background:#3a78e8}.gate-btn:disabled{opacity:.45;cursor:not-allowed}.gate-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.home-wrapper{background:#0d0f14;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;display:flex}.home-content{text-align:center;background:#13161e;border:1px solid #252a38;border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:600px;padding:48px 40px;display:flex}.security-text{color:#c8cdd8;margin-top:24px;font-size:16px;line-height:1.6}.security-highlight{color:#4f8ef7;font-size:18px;font-weight:700;display:block}.security-text strong{color:#fff;font-weight:600}