/* BERKE IOT CLOUD V158 · refined secure login */
body.auth-v1471{background:#040914}
body.auth-v1471 .login-layout{background:radial-gradient(circle at 11% 10%,rgba(54,200,255,.09),transparent 27%),radial-gradient(circle at 88% 86%,rgba(132,90,255,.10),transparent 31%),#050a13}
body.auth-v1471 .login-card{overflow:hidden;isolation:isolate;border-color:rgba(112,200,255,.19);background:linear-gradient(150deg,rgba(13,31,52,.98),rgba(6,16,29,.99));box-shadow:0 34px 110px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.04)}
body.auth-v1471 .login-card::before{content:"";position:absolute;z-index:-1;width:290px;height:290px;border-radius:50%;right:-170px;top:-170px;background:radial-gradient(circle,rgba(117,88,255,.22),transparent 68%)}
body.auth-v1471 .login-card::after{content:"";position:absolute;z-index:-1;left:-35%;right:-35%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#4edcff,#9b74ff,transparent);opacity:.55}
body.auth-v1471 .security-chip{padding:9px 12px;background:rgba(45,139,98,.10)}
body.auth-v1471 .login-card h2{font-size:34px}
body.auth-v1471 .field-shell{background:rgba(5,19,33,.86);border-color:rgba(121,182,225,.19)}
body.auth-v1471 .field-shell:focus-within{background:#071827;border-color:#62ddff;box-shadow:0 0 0 4px rgba(78,216,255,.08),0 14px 30px rgba(0,0,0,.16)}
body.auth-v1471 .login-submit{position:relative;overflow:hidden;gap:11px;isolation:isolate;background:linear-gradient(100deg,#52d8ff,#6e91ff 54%,#9a75ff);box-shadow:0 18px 44px rgba(68,150,255,.24)}
body.auth-v1471 .login-submit::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.34) 47%,transparent 74%);transform:translateX(-120%);transition:transform .55s ease}
body.auth-v1471 .login-submit:hover::before{transform:translateX(120%)}
body.auth-v1471 .login-submit .login-spinner{display:none;width:18px;height:18px;flex:0 0 auto;border:2px solid rgba(4,15,25,.23);border-top-color:#05101c;border-radius:50%}
body.auth-v1471 .login-submit.loading .login-spinner{display:block;animation:v158LoginSpin .72s linear infinite}
body.auth-v1471 .login-submit.loading span{opacity:.88}
@keyframes v158LoginSpin{to{transform:rotate(360deg)}}

@media(max-width:840px){
  body.auth-v1471 .login-panel{padding:16px;align-items:center}
  body.auth-v1471 .login-card{width:min(100%,480px);padding:27px 22px;border-radius:25px}
  body.auth-v1471 .mobile-brand{padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid rgba(120,176,216,.12)}
  body.auth-v1471 .mobile-brand img{width:48px;height:48px}
  body.auth-v1471 .mobile-brand b{font-size:14px}
  body.auth-v1471 .security-chip{font-size:8px}
  body.auth-v1471 .login-card header{margin:20px 0 23px}
  body.auth-v1471 .login-card h2{font-size:30px}
}
@media(max-width:480px){
  body.auth-v1471 .login-panel{padding:10px}
  body.auth-v1471 .login-card{padding:23px 17px;border-radius:22px}
  body.auth-v1471 .login-card header p{font-size:12px}
  body.auth-v1471 .field-label{margin:14px 0}
  body.auth-v1471 .field-shell{height:55px}
  body.auth-v1471 .login-submit{height:56px}
  body.auth-v1471 .login-card footer{margin-top:20px;padding-top:15px}
}