*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#09090b;color:#f6f6f7}body{display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 30% 5%,#390916 0%,#09090b 55%)}.gate{width:min(100%,440px);padding:42px 32px;background:#141418;border:1px solid #34343a;border-radius:16px;box-shadow:0 28px 72px #0008}.logo{font-size:30px;font-weight:950;letter-spacing:-1.4px}.logo span,.logo i{color:#ef183b}.logo i{font-style:normal}.eyebrow{color:#ef4a62;font-size:11px;letter-spacing:2px;font-weight:800;margin-top:42px}.gate h1{font-size:36px;line-height:1.1;margin:10px 0}.gate p{color:#babac2;line-height:1.55}.gate form{margin-top:30px}.gate label{font-weight:700;display:block;margin-bottom:10px}.gate input{width:100%;height:52px;border-radius:8px;border:1px solid #6d6d78;color:white;background:#232329;padding:14px;font-size:17px;outline:none}.gate input:focus{border-color:#f53d58;box-shadow:0 0 0 3px #f53d5840}.gate button{margin-top:17px;height:52px;width:100%;border:0;border-radius:8px;background:#e50924;color:white;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px}.gate button:focus{outline:3px solid #fff;outline-offset:3px}.gate button:disabled{opacity:.6}.gate #error{min-height:24px;color:#ff8994;font-size:14px}.gate small{display:block;color:#85858f;line-height:1.45;margin-top:20px}@media(max-width:480px){.gate{padding:30px 22px}.gate h1{font-size:29px}}