@charset "UTF-8";
html,body{height:100%;margin:0;background:#f4f7fa;color:#102a43}
.ci-login{display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(440px,.85fr);min-height:100%;background:#f4f7fa}
.ci-login-story{position:relative;display:flex;min-height:100vh;box-sizing:border-box;flex-direction:column;justify-content:space-between;overflow:hidden;padding:42px 56px;color:#fff;background:linear-gradient(135deg,#0b2239 0%,#102a43 58%,#0f766e 150%)}
.ci-login-story:before,.ci-login-story:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.10);border-radius:50%}
.ci-login-story:before{width:460px;height:460px;right:-180px;top:-170px;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}
.ci-login-story:after{width:260px;height:260px;left:-150px;bottom:-100px}
.ci-login-brand,.ci-login-copy,.ci-login-trust{position:relative;z-index:1}
.ci-login-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;letter-spacing:.5px}
.ci-login-brand span,.ci-login-mobile-brand span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#14b8a6;color:#fff;font-weight:900}
.ci-login-copy{max-width:690px;margin:54px 0}
.ci-login-eyebrow{margin-bottom:17px;color:#7dd3c7;font-size:12px;font-weight:800;letter-spacing:2.5px}
.ci-login-copy h1{margin:0;font-size:46px;line-height:1.25;font-weight:900;letter-spacing:-1.4px}
.ci-login-copy>p{max-width:620px;margin:23px 0 30px;color:#cbd5e1;font-size:16px;line-height:1.85}
.ci-login-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ci-login-features div{padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.06)}
.ci-login-features strong,.ci-login-features span{display:block}
.ci-login-features strong{font-size:14px}.ci-login-features span{margin-top:6px;color:#9fb3c8;font-size:12px;line-height:1.5}
.ci-login-trust{color:#a9bfce;font-size:12px}.ci-login-trust span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.12)}
.ci-login-panel{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:50px;box-sizing:border-box}
.ci-login-panel form{width:100%;max-width:390px}
.ci-login-welcome{color:#0f766e;font-size:12px;font-weight:800;letter-spacing:2px}
.ci-login-panel h2{margin:10px 0 9px;color:#102a43;font-size:28px;line-height:1.3;font-weight:900}
.ci-login-hint{margin:0 0 30px;color:#64748b;font-size:13px;line-height:1.7}
.ci-login-panel ul,.ci-login-panel li{margin:0;padding:0;list-style:none}
.ci-login-panel li{position:relative;margin:15px 0}
.ci-login-panel li i{position:absolute;z-index:2;left:15px;top:15px;color:#64748b;font-size:18px}
.ci-login-panel .layui-input{height:50px;padding:0 16px 0 46px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#102a43;font-size:14px;transition:.2s}
.ci-login-panel .layui-input:focus{border-color:#0f766e!important;box-shadow:0 0 0 4px rgba(15,118,110,.10)}
.ci-login-panel li.verify label{width:calc(100% - 112px)}
.ci-login-panel li.verify img{position:absolute;width:102px;height:48px;margin-left:8px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer}
.ci-login-panel button{height:50px!important;border-radius:11px!important;background:#0f766e!important;font-size:15px;font-weight:800;letter-spacing:.5px;box-shadow:0 10px 24px rgba(15,118,110,.20)}
.ci-login-panel button:hover{background:#0d665f!important}
.ci-login-foot{margin-top:34px;padding-top:20px;border-top:1px solid #e2e8f0;color:#94a3b8;font-size:11px;line-height:1.7;text-align:center}
.ci-login-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:28px;color:#102a43;font-weight:800}
@media(max-width:900px){.ci-login{display:block}.ci-login-panel{padding:30px 22px}.ci-login-panel form{max-width:420px}.ci-login-mobile-brand{display:flex!important}}
@media(max-height:680px) and (min-width:901px){.ci-login-story{padding:30px 44px}.ci-login-copy{margin:25px 0}.ci-login-copy h1{font-size:38px}.ci-login-copy>p{margin:15px 0 20px}.ci-login-panel{padding:30px}.ci-login-hint{margin-bottom:20px}}