*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;min-height:100vh;background:#f5f5f5;color:#333}
#gate{display:flex;min-height:100vh}
.gate-left{width:42%;display:flex;justify-content:center;align-items:center;
  background:linear-gradient(135deg,#1e3a5f 0%,#2563eb 50%,#3b82f6 100%);position:relative;overflow:hidden}
.gate-typer{text-align:center;padding:0 40px;max-width:420px;user-select:none}
.typer-brand{font-size:52px;font-weight:700;letter-spacing:-1px;margin-bottom:12px}
.logo-a{color:#93c5fd}.logo-lebex{color:#fff}
.typer-sub{font-size:20px;font-weight:400;color:rgba(255,255,255,.85);letter-spacing:.5px;line-height:1.4;
  overflow:hidden;white-space:nowrap;border-right:2px solid rgba(255,255,255,.7);width:0;
  animation:tw 2.5s steps(30) .5s forwards,bc .6s step-end infinite}
@keyframes tw{from{width:0}to{width:100%}}
@keyframes bc{0%,100%{border-color:rgba(255,255,255,.7)}50%{border-color:transparent}}
.gate-right{flex:1;display:flex;justify-content:center;align-items:center;padding:40px;background:#fff}
.gate-box{width:100%;max-width:380px;text-align:left}
.gate-box h2{color:#212121;font-size:26px;margin-bottom:32px;font-weight:700}
.gate-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:6px}
.gate-box input{width:100%;padding:10px 12px;background:#fff;border:1px solid #c0c0c0;border-radius:6px;
  color:#333;font-size:14px;font-family:inherit;outline:none;margin-bottom:20px;transition:border-color .2s,box-shadow .2s}
.gate-box input:focus{border-color:#1976d2;box-shadow:0 0 0 3px rgba(25,118,210,.15)}
.gate-error{color:#d32f2f;font-size:13px;display:none;margin-bottom:12px}
.gate-box button{width:100%;padding:12px;background:#1976d2;border:none;border-radius:8px;
  color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:4px}
.gate-box button:hover{background:#1565c0}
.gate-box button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:768px){#gate{flex-direction:column}.gate-left{width:100%;min-height:200px}.gate-right{padding:32px 24px}}