.demo-gate{color:#080f45;background:#f4f7fb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;font-family:Arial,sans-serif;line-height:1.65;display:flex}.demo-gate *{box-sizing:border-box}.demo-gate-card{background:#fff;border:1px solid #e0e7ef;border-radius:16px;width:100%;max-width:510px;padding:38px;box-shadow:0 12px 40px #080f4508}.demo-gate-card>img{object-fit:contain;width:215px;height:58px;margin-bottom:28px;display:block}.demo-gate-label{letter-spacing:1.2px;color:#008d8b;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.demo-gate h1{margin:15px 0;font-size:30px;line-height:1.2}.demo-gate p{color:#66748a;margin:0 0 23px;font-size:13px}.demo-gate form{flex-direction:column;gap:9px;display:flex}.demo-gate label{font-size:12px;font-weight:700}.demo-gate input{letter-spacing:5px;color:#080f45;background:#fff;border:1px solid #cdd8e5;border-radius:8px;width:100%;padding:13px;font-size:20px}.demo-gate button{color:#fff;cursor:pointer;background:#008d8b;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:7px;padding:14px;font-size:13px;font-weight:700;display:flex}.demo-gate button:hover{background:#00716f}.demo-gate button:disabled{opacity:.65;cursor:wait}.demo-gate :is(button,input,a):focus-visible{outline-offset:3px;outline:3px solid #43bfb8}.demo-gate .demo-gate-error{color:#a13f34;background:#fff0ef;border:1px solid #efcdc8;border-radius:7px;margin:5px 0;padding:10px;font-size:12px}.demo-gate .demo-gate-note{margin:22px 0 15px;font-size:11px;line-height:1.75}.demo-gate a{color:#008d8b;font-size:12px}.demo-gate footer{color:#7c899c;padding:25px 10px;font-size:10px}.demo-lock{flex-direction:column;gap:4px;display:flex}.demo-lock span{color:#a13f34;font-size:10px}.demo-header .demo-lock{flex-shrink:0;margin-left:0}@media (max-width:650px){.demo-gate{padding:25px 16px}.demo-gate-card{padding:26px 22px}.demo-gate h1{font-size:27px}.demo-header{flex-wrap:wrap}.demo-header .demo-lock{margin-left:auto}.demo-header .demo-lock .demo-button{min-height:37px;padding:8px 10px;font-size:10px!important}}