*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#eaf3ff,#f4f8ff);color:#0b1f33}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.login-card{width:940px;min-height:530px;display:flex;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.18)}.login-left{width:52%;background:linear-gradient(145deg,#10284d,#163f74);color:#fff;padding:55px 45px;text-align:center}.logo-circle{width:115px;height:115px;margin:0 auto 35px;border-radius:50%;background:#ffc04d;display:flex;align-items:center;justify-content:center}.logo-circle i{font-size:50px;color:#fff}.login-left h1{font-size:31px;line-height:1.35;margin:0 0 25px}.login-left p{font-size:17px;line-height:1.7;margin-bottom:40px}.feature-row{display:flex;gap:15px;justify-content:center}.feature-row span{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);padding:16px 22px;border-radius:12px;font-weight:bold}.login-right{width:48%;padding:55px 34px}.login-right h2{font-size:28px;margin:0 0 8px}.subtitle{color:#40546b;margin-bottom:30px;line-height:1.5}label{display:block;font-size:13px;font-weight:bold;margin:13px 0 7px}label b{color:#e53935}.input{width:100%;height:43px;border:1px solid #cfd9e6;border-radius:11px;padding:0 13px;font-size:14px;outline:none}.input:focus{border-color:#1f65d8}.captcha-row{display:flex;gap:9px;align-items:center}.captcha-input{flex:1}.captcha-code{min-width:112px;height:43px;border-radius:11px;background:#1f65d8;color:#fff;font-size:20px;font-weight:800;letter-spacing:5px;display:flex;align-items:center;justify-content:center}.captcha-refresh{width:43px;height:43px;border-radius:50%;background:#18b957;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:19px}.btn-login{width:100%;height:48px;margin-top:18px;border:none;border-radius:11px;background:linear-gradient(90deg,#2467df,#1b4da7);color:#fff;font-weight:bold;cursor:pointer;font-size:15px}.msg{display:block;color:#d93025;font-weight:bold;margin-bottom:10px}.sample{text-align:center;color:#53687e;margin-top:16px;font-size:12px}@media(max-width:850px){.login-card{width:100%;flex-direction:column}.login-left,.login-right{width:100%}.feature-row{flex-direction:column}}