/* shared sign-in shell — Jane architecture, 52 Launch flavour */
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;position:relative;overflow:hidden}
.bg{position:fixed;inset:0;z-index:0}
.mark{position:relative;z-index:1;text-align:center;margin:0 0 26px}
.mark .nm{font-family:Montserrat,sans-serif;font-weight:700;font-size:27px;letter-spacing:-.5px;margin:0}
.mark .tl{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;margin:5px 0 0;font-weight:600}
.card{position:relative;z-index:1;background:#fff;border-radius:5px;width:100%;max-width:470px;
 padding:44px 46px 40px;box-shadow:0 18px 60px rgba(10,30,55,.22)}
@media(max-width:520px){.card{padding:34px 26px 30px}}
.card h1{font-family:"Open Sans",sans-serif;font-weight:400;font-size:31px;text-align:center;
 color:#4a5763;margin:0 0 6px;letter-spacing:-.4px}
.card .sub{text-align:center;font-size:14px;color:#8598a8;margin:0 0 30px}
label{display:block;font-size:13.5px;font-weight:700;color:#3d4a56;margin:0 0 7px}
input{width:100%;padding:13px 15px;font-size:15.5px;font-family:inherit;color:#222;
 border:1px solid #c3ced8;border-radius:4px;outline:none;margin:0 0 20px;background:#fff}
input:focus{border-color:#2795cf;box-shadow:0 0 0 3px rgba(39,149,207,.14)}
.btn{width:100%;padding:14px;font-size:16px;font-family:inherit;font-weight:600;color:#fff;
 border:none;border-radius:4px;cursor:pointer;transition:.15s}
.alt{display:flex;align-items:center;gap:14px;margin:26px 0 18px;color:#9aa8b5;font-size:13.5px}
.alt:before,.alt:after{content:"";flex:1;height:1px;background:#dfe5ea}
.gbtn{width:100%;padding:12px;border:1px solid #dfe5ea;border-radius:4px;background:#fff;
 display:flex;align-items:center;justify-content:center;gap:10px;font-size:14.5px;color:#4a5763;
 cursor:pointer;font-family:inherit}
.gbtn:hover{background:#f8fafc}
.links{position:relative;z-index:1;text-align:center;margin:24px 0 0;font-size:14px}
.links a{display:block;margin:9px 0;text-decoration:none}
.links a:hover{text-decoration:underline}
.by{position:relative;z-index:1;text-align:center;margin:26px 0 0;font-size:12.5px;
 display:flex;align-items:center;justify-content:center;gap:8px}
.by b{font-family:Montserrat,sans-serif;font-weight:700}
.demo{position:fixed;bottom:14px;left:0;right:0;z-index:2;text-align:center;font-size:11.5px}