.login-shell{min-height:0;display:flex;align-items:flex-start;justify-content:center;padding:14px 12px 18px;position:relative;}
        .login-shell:before{content:"";position:absolute;inset:0;background:
            radial-gradient(900px 420px at 15% 10%, rgba(13,110,253,.16), rgba(255,255,255,0)),
            radial-gradient(900px 420px at 90% 25%, rgba(25,135,84,.11), rgba(255,255,255,0)),
            radial-gradient(700px 340px at 70% 90%, rgba(111,66,193,.10), rgba(255,255,255,0));pointer-events:none;}
        .login-shell:after{content:"";position:absolute;inset:0;background:#f6f8fc;z-index:-1;}
        .login-wrap{width:100%;max-width:460px;position:relative;z-index:1;}
        .brand-top{text-align:center;margin-bottom:10px;}
        .brand-top img{height:42px;width:auto;}
        .brand-title{font-size:18px;font-weight:800;color:#0b3c7a;line-height:1.2;}
        .brand-sub{margin-top:3px;font-size:13px;color:#6b7280;}
        .login-card{background:#fff;border-radius:16px;box-shadow:0 18px 45px rgba(16,24,40,.12);border:1px solid rgba(0,0,0,.06);overflow:hidden;}
        .login-card-head{padding:18px 20px;border-bottom:1px solid #eef2f7;display:flex;gap:12px;align-items:center;background:linear-gradient(180deg,#fff,#fbfcff);}
        .login-badge{width:46px;height:46px;border-radius:14px;background:#edf4ff;color:#0d6efd;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:inset 0 0 0 1px rgba(13,110,253,.08);}
        .login-card-head .title{margin:0;font-size:18px;font-weight:800;color:#0b3c7a;}
        .login-card-head .subtitle{margin:3px 0 0;color:#6b7280;font-size:13px;}
        .login-card-body{padding:16px 20px 20px;}
        .login-field{margin-bottom:12px;}
        .login-field .input-group{width:100%;}
        .login-field .input-group-addon{background:#f3f4f6;border-color:#d1d5db;color:#374151;border-radius:12px 0 0 12px!important;padding:0 14px;}
        .login-field .form-control{height:46px;border-color:#d1d5db;box-shadow:none;}
        .login-field .form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 3px rgba(13,110,253,.18);}
        .has-pw-toggle .form-control{border-right:0;border-radius:0!important;}
        .pw-toggle{background:#f3f4f6;border-color:#d1d5db;border-left:0;border-radius:0 12px 12px 0!important;cursor:pointer;user-select:none;padding:0 14px;color:#374151;}
        .ig-left{border-radius:12px 0 0 12px!important;}
        .ig-mid{border-radius:0!important;}
        .ig-right{border-radius:0 12px 12px 0!important;}
        .btn-login{height:48px;border-radius:12px;font-weight:800;letter-spacing:.2px;}
        .login-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px;}
        .login-meta .checkbox{margin:0;}
        .login-links a{color:#0d6efd;}
        .login-links a:hover{text-decoration:underline;}
        .caps-warning{display:none;margin-top:6px;font-size:12px;color:#b02a37;}
        .login-foot{margin-top:6px;font-size:13px;color:#6b7280;text-align:center;}
        .twofa-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
        .twofa-row .btn{flex:1;min-width:140px;}
        @media (max-width:767px){
            .login-card-head,.login-card-body{padding-left:16px;padding-right:16px;}
            .login-meta{flex-direction:column;align-items:flex-start;}
            .login-links{width:100%;}
        }