html:has(#login-page),body:has(#login-page){background:#0b1020!important} body:has(#login-page){margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important} #login-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden; background: radial-gradient(700px 420px at 12% 8%,rgba(200,16,46,.38),transparent 62%), radial-gradient(640px 420px at 92% 92%,rgba(37,99,235,.30),transparent 62%), linear-gradient(160deg,#0b1020 0%,#121b36 55%,#0b1020 100%)!important} #login-page .login-box-wrapp{background:none!important;width:100%;min-height:0!important;height:auto!important;padding:32px 16px!important} #login-page .wrapper-temp,#login-page .wrapper-temp>.row{display:flex;justify-content:center;align-items:center;margin:0!important;width:100%!important;max-width:none!important;padding:0!important;height:auto!important;min-height:0!important} #login-page .col-lg-8,#login-page .left-box-cover{display:none!important} #login-page .hcl-hc-logo{flex:0 0 auto!important;width:100%!important;max-width:420px!important;padding:0!important;height:auto!important;min-height:0!important} #login-page .right-signin{position:relative;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16);border-radius:26px; -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%); box-shadow:0 30px 70px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.30); padding:36px 32px 26px!important;color:#e5e7eb;height:auto!important;min-height:0!important;margin:0!important;width:100%!important} #login-page .right-signin::before{content:"";position:absolute;inset:0;border-radius:26px;pointer-events:none; background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,0) 40%)} #login-page .logo-temp{margin-bottom:6px} #login-page .logo-temp .hocal-logo2{display:inline-block!important} #login-page .logo-temp img{background:#fff;border-radius:18px;padding:10px 16px;max-height:86px;width:auto; box-shadow:0 10px 24px rgba(0,0,0,.40),inset 0 -3px 0 rgba(0,0,0,.08)} #login-page .nm-tm-wr,#login-page .nm-tm-wr>div,#login-page .nm-hr{background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;border:0!important} #login-page .nm-hr h2{color:#fff!important;font-weight:700!important;font-size:26px!important;letter-spacing:.2px;margin:18px 0 22px!important;text-align:center!important} #login-page .nm-hr h2::after{content:"Asian News Bharat \2022  Newsroom";display:block;margin-top:6px;font-size:13px;font-weight:500;color:#94a3b8;letter-spacing:.4px} #login-page a[title="Sign in with Gmail"],#login-page div.nm-fw-bd{display:none!important} #login-page .nm-gp{position:relative;display:flex!important;align-items:center;width:100%; background:linear-gradient(180deg,#0d1428,#141d37)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important; box-shadow:inset 3px 3px 8px rgba(0,0,0,.55),inset -2px -2px 6px rgba(255,255,255,.05)!important;margin:0 0 16px!important;height:54px!important;padding:0!important;overflow:hidden;transition:border-color .2s,box-shadow .2s} #login-page .nm-gp:focus-within{border-color:rgba(239,68,68,.65)!important;box-shadow:inset 3px 3px 8px rgba(0,0,0,.55),0 0 0 3px rgba(239,68,68,.18)!important} #login-page .nm-gp-pp{position:static!important;background:transparent!important;border:0!important;color:#8b9ab5!important;padding:0 4px 0 16px!important;display:flex;align-items:center;height:52px} #login-page .nm-gp .form-control{background:transparent!important;border:0!important;box-shadow:none!important;color:#f8fafc!important;height:52px!important;font-size:15px!important;padding:0 44px 0 10px!important;flex:1} #login-page .form-control::placeholder{color:#7c8aa5!important;opacity:1} #login-page input:-webkit-autofill{-webkit-text-fill-color:#f8fafc!important;box-shadow:0 0 0 1000px #111a31 inset!important;transition:background-color 9999s} #login-page #togglePassword{right:16px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%);color:#8b9ab5!important} #login-page .nm-aic{display:block!important;margin:6px 0 0!important} #login-page .nm-aic>[class*="col-sm-6"]{width:100%!important;max-width:100%!important;flex:0 0 100%!important;float:none!important;text-align:center!important;padding:0!important} #login-page .nm-btn-2{width:100%!important;height:50px;border:0!important;border-radius:14px!important;font-weight:700!important;font-size:16px!important;letter-spacing:.3px;color:#fff!important; background:linear-gradient(180deg,#f04848 0%,#c8102e 100%)!important; box-shadow:0 12px 24px rgba(200,16,46,.45),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(0,0,0,.22)!important; transition:transform .15s ease,box-shadow .15s ease,filter .15s} #login-page .nm-btn-2:hover{transform:translateY(-1px);filter:brightness(1.05)} #login-page .nm-btn-2:active{transform:translateY(1px);box-shadow:0 4px 10px rgba(200,16,46,.35),inset 0 2px 6px rgba(0,0,0,.30)!important} #login-page .nm-btn-2:focus-visible{outline:3px solid rgba(255,255,255,.6);outline-offset:2px} #login-page a[href*="forgot_password"]{display:inline-block;margin-top:14px;color:#cbd5e1!important;font-size:14px!important;text-decoration:none} #login-page a[href*="forgot_password"]:hover{color:#fff!important;text-decoration:underline} #login-page .partner-message-bottom{color:#94a3b8;text-align:center;font-size:12px;margin-top:10px} #login-page .copy-right-box,#login-page .powered-by{display:none!important} @media (max-width:480px){#login-page .right-signin{padding:28px 20px 22px!important;border-radius:22px}} @media (prefers-reduced-motion:reduce){#login-page *{transition:none!important}}