*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;background:#111}
body{display:flex;justify-content:center}
button,input{font:inherit}
button{cursor:pointer}
.phone{width:100%;max-width:510px;min-height:100vh;background:#fff;color:#222;position:relative;overflow:hidden}
.page{display:none;min-height:100vh;padding-bottom:96px}.page.active{display:block}
.demo{min-height:64px;background:#f5f5f5;color:#222;text-align:center;font-size:14px;padding:17px;letter-spacing:.3px}
.notice{background:#47779e;color:#fff;padding:15px 48px 15px 18px;font-size:15px;line-height:1.25;position:relative}
.close{position:absolute;right:12px;top:7px;border:0;background:transparent;color:#fff;font-size:30px;line-height:1}
.header{height:245px;background:linear-gradient(145deg,#f8fcff,#c9e0f1 58%,#eaf5fc);position:relative;padding-top:68px}
.more{position:absolute;right:20px;top:20px;border:0;background:transparent;text-align:center;font-size:11px;font-weight:bold;color:#222}
.dots{display:block;font-size:23px;line-height:20px}
.brand{display:flex;justify-content:center;align-items:center;gap:10px;color:#102f5f}
.logo{width:65px;height:40px;border:3px solid #102f5f;clip-path:polygon(50% 0,100% 45%,100% 75%,0 75%,0 45%);position:relative}
.logo:after{content:"";position:absolute;left:3px;right:3px;bottom:-3px;border-bottom:3px solid #102f5f}
.brand-name{font:31px Georgia,serif;letter-spacing:-1px}
.fdic{position:absolute;left:20px;right:20px;bottom:28px;background:#fff;padding:7px;display:flex;gap:10px;align-items:center}
.fdic b{font-size:22px;color:#173d73}.fdic span{font-size:13px;font-style:italic}
.content{padding:28px 20px}.title{font-size:27px;border-bottom:1px solid #ddd;padding-bottom:25px}
.account{display:block;width:100%;position:relative;border:0;border-bottom:1px solid #ddd;background:#fff;text-align:left;padding:25px 12px 18px 39px;min-height:130px}
.account:before{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:#0876bd}
.account:hover{background:#fafafa}.account-name{font-size:21px;color:#666;margin-bottom:8px}
.line{font-size:15px;margin:5px 0}.line span{float:right;font-size:18px}
.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:510px;height:96px;border-top:1px solid #ddd;background:#fff;display:flex;z-index:5}
.nav{flex:1;text-align:center;padding-top:13px;font-size:11px;font-weight:bold;border:0;border-top:3px solid transparent;background:#fff;color:#222}
.nav.active{border-top-color:#143d71}.navicon{font-size:27px;height:39px}.z{color:#5b12b8}
.login-wrap{padding:45px 22px}.login-wrap .brand{margin-bottom:38px}
.box{background:#f1f1e9;padding:25px 20px}.field{width:100%;height:54px;border:1px solid #ccc;padding:0 13px;font-size:17px;margin-bottom:17px}
.remember{display:flex;justify-content:center;align-items:center;gap:9px;margin:8px 0 12px}
.switch{width:57px;height:34px;border-radius:20px;background:#777;border:0;position:relative;padding:0}
.switch:after{content:"";position:absolute;width:28px;height:28px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.15s}
.switch[aria-pressed="true"]{background:#123e78}.switch[aria-pressed="true"]:after{left:26px}
.forgot{display:block;width:100%;border:0;background:transparent;text-decoration:underline;color:#222;margin:12px 0 26px}
.login{width:100%;height:52px;border:0;background:#073b78;color:white;font-size:18px}
.login:hover{background:#0b4a91}.face{text-align:center;background:#fff;padding:20px 0}.face small{color:#666}
.links{background:#073b78;color:#fff;padding:17px;text-align:center;font-size:13px}
.links button{border:0;background:transparent;color:#fff;text-decoration:underline;padding:0 3px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}
.modal[hidden]{display:none}.modal-card{position:relative;width:min(430px,100%);background:#fff;padding:28px;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.modal-card h2{margin-top:0}.modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:28px}
.modal-card .login{margin-top:12px}