/* SINA v1.5.40 - Modern Split Login UI
   Fully scoped to .sina-login-page to avoid collisions with application CSS. */
html,body.sina-login-page{min-height:100%;}
body.sina-login-page{
  margin:0!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  color:#18352a!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  background:#f8faf6!important;
}
body.sina-login-page *{box-sizing:border-box;}
body.sina-login-page button,
body.sina-login-page input{font:inherit;}
.sina-login-shell{
  min-height:100vh!important;
  min-height:100dvh!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr)!important;
  overflow:hidden!important;
  background:#f7faf6!important;
}
.sina-login-hero{
  position:relative!important;
  min-height:100vh!important;
  padding:44px clamp(34px,5vw,82px) 34px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  color:#143b2d!important;
  background:
    radial-gradient(circle at 20% 12%,rgba(225,187,79,.22),transparent 25%),
    radial-gradient(circle at 83% 70%,rgba(22,112,75,.12),transparent 30%),
    linear-gradient(145deg,#fffdf6 0%,#f4f8ef 54%,#e6f1e8 100%)!important;
  border-right:1px solid rgba(18,84,58,.08)!important;
}
.sina-login-hero:after{
  content:"";
  position:absolute;
  right:-180px;
  top:-220px;
  width:480px;
  height:480px;
  border:70px solid rgba(10,91,58,.93);
  border-left-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
  transform:rotate(10deg);
  pointer-events:none;
}
.sina-login-hero:before{
  content:"";
  position:absolute;
  left:-130px;
  bottom:-190px;
  width:520px;
  height:520px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(5,92,57,.96),rgba(8,65,43,.98));
  opacity:.98;
  pointer-events:none;
}
.sina-hero-orb{position:absolute;border-radius:50%;pointer-events:none;}
.sina-hero-orb-a{width:150px;height:150px;right:12%;bottom:14%;border:28px solid rgba(214,171,54,.30);}
.sina-hero-orb-b{width:74px;height:74px;left:47%;top:14%;background:rgba(214,171,54,.12);}
.sina-hero-top{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  width:max-content!important;
  max-width:100%!important;
}
.sina-hero-mini-logo{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:5px!important;
  border:1px solid rgba(197,151,34,.65)!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#0b5d3b,#06452c)!important;
  color:#fff5ce!important;
  font-size:22px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(11,93,59,.13)!important;
}
.sina-hero-mini-logo.has-image{background:#fff!important;}
.sina-hero-mini-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:9px!important;}
.sina-hero-top>div:last-child{display:grid!important;gap:2px!important;padding-left:14px!important;border-left:1px solid rgba(25,75,56,.19)!important;}
.sina-hero-top strong{font-size:14px!important;line-height:1.25!important;color:#27473b!important;}
.sina-hero-top span{font-size:12px!important;line-height:1.3!important;color:#708179!important;}
.sina-hero-content{
  position:relative!important;
  z-index:2!important;
  width:min(720px,100%)!important;
  margin:auto 0!important;
  padding:38px 0 48px!important;
}
.sina-hero-kicker{
  display:inline-flex!important;
  margin-bottom:14px!important;
  padding:7px 11px!important;
  border:1px solid rgba(190,145,31,.24)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  color:#9a7418!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}
.sina-hero-content h1{
  margin:0!important;
  color:#173429!important;
  font-size:clamp(38px,4.2vw,66px)!important;
  line-height:1.03!important;
  letter-spacing:-1.9px!important;
  font-weight:850!important;
}
.sina-hero-content h1 span{color:#075c3a!important;}
.sina-hero-content>p{
  width:min(650px,100%)!important;
  margin:20px 0 28px!important;
  color:#607268!important;
  font-size:clamp(14px,1.3vw,17px)!important;
  line-height:1.72!important;
}
.sina-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.sina-feature-card{
  min-width:0!important;
  padding:18px 16px!important;
  border:1px solid rgba(177,141,43,.20)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.64)!important;
  box-shadow:0 12px 30px rgba(30,80,58,.06)!important;
  backdrop-filter:blur(10px)!important;
}
.sina-feature-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:12px!important;
  border-radius:13px!important;
  background:#e2f3e7!important;
  color:#0b6b43!important;
}
.sina-feature-icon.gold{background:#fff0bd!important;color:#bf8d10!important;}
.sina-feature-icon svg{width:22px!important;height:22px!important;fill:currentColor!important;}
.sina-feature-card strong{display:block!important;margin-bottom:6px!important;color:#174734!important;font-size:13px!important;line-height:1.35!important;}
.sina-feature-card span{display:block!important;color:#78867f!important;font-size:11.5px!important;line-height:1.45!important;}
.sina-hero-bottom{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  width:max-content!important;
  max-width:min(480px,86%)!important;
  margin-top:auto!important;
  padding:14px 18px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:18px!important;
  background:rgba(4,68,43,.87)!important;
  color:#fff!important;
  box-shadow:0 16px 40px rgba(4,63,41,.20)!important;
  backdrop-filter:blur(8px)!important;
}
.sina-quote-mark{color:#e0b84a!important;font-size:30px!important;line-height:.9!important;font-weight:900!important;}
.sina-hero-bottom>div{display:grid!important;gap:3px!important;}
.sina-hero-bottom strong{font-size:12.5px!important;line-height:1.3!important;}
.sina-hero-bottom span{font-size:11.5px!important;line-height:1.35!important;color:rgba(255,255,255,.76)!important;}
.sina-login-panel{
  position:relative!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:36px clamp(24px,4vw,64px)!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 96% 3%,rgba(217,173,55,.27),transparent 18%),
    radial-gradient(circle at 8% 93%,rgba(16,102,66,.10),transparent 23%),
    linear-gradient(145deg,#fbfdf9 0%,#fffdf7 100%)!important;
}
.sina-login-panel:before{
  content:"";
  position:absolute;
  right:-48px;
  top:-48px;
  width:150px;
  height:150px;
  border-radius:0 0 0 100%;
  background:linear-gradient(135deg,#f2cb5b,#d69e16);
  opacity:.92;
}
.sina-login-card{
  width:min(500px,100%)!important;
  margin:0 auto!important;
  padding:38px 38px 28px!important;
  position:relative!important;
  z-index:2!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(15,97,62,.11)!important;
  border-radius:28px!important;
  box-shadow:0 28px 76px rgba(15,76,52,.14)!important;
  backdrop-filter:blur(14px)!important;
}
.sina-login-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#0b5d3b,#d8a933,#0b5d3b);
}
.sina-login-brand{text-align:center!important;position:relative!important;z-index:1!important;}
.sina-login-logo{
  width:84px!important;
  height:84px!important;
  margin:0 auto 16px!important;
  padding:7px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:2px solid #d6aa35!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#0b5d3b,#063d28)!important;
  color:#fff3c4!important;
  font-size:33px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 14px 30px rgba(6,61,40,.15)!important;
}
.sina-login-logo.has-image{background:#fff!important;}
.sina-login-logo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border:0!important;border-radius:14px!important;}
.sina-login-brand h2{
  margin:0!important;
  color:#075638!important;
  font-size:31px!important;
  line-height:1.2!important;
  letter-spacing:-.55px!important;
  font-weight:900!important;
}
.sina-login-brand p{margin:8px 0 26px!important;color:#6b7a73!important;font-size:13px!important;line-height:1.45!important;}
.sina-login-form{display:grid!important;gap:16px!important;margin:0!important;padding:0!important;}
.sina-login-field{display:grid!important;gap:8px!important;margin:0!important;padding:0!important;color:#234537!important;font-size:13px!important;font-weight:800!important;}
.sina-login-field>span{display:block!important;margin:0!important;padding:0!important;}
.sina-input-wrap{position:relative!important;width:100%!important;}
.sina-input-icon{position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;width:19px!important;height:19px!important;fill:#315c4a!important;pointer-events:none!important;z-index:2!important;}
.sina-login-field input{
  display:block!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 46px 0 46px!important;
  border:1px solid #cfded5!important;
  border-radius:14px!important;
  outline:none!important;
  box-shadow:none!important;
  background:#fff!important;
  background-image:none!important;
  color:#172c23!important;
  font-size:14px!important;
  line-height:50px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.sina-login-field input:focus{border-color:#bf9222!important;box-shadow:0 0 0 4px rgba(200,155,44,.13)!important;}
.sina-login-field input::placeholder{color:#98a59f!important;opacity:1!important;}
.sina-password-toggle{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  width:36px!important;
  height:36px!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#536d61!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.sina-password-toggle:hover{background:#f1f6f2!important;color:#0b5d3b!important;}
.sina-password-toggle svg{width:20px!important;height:20px!important;fill:currentColor!important;}
.sina-login-button{
  width:100%!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:2px 0 0!important;
  padding:12px 20px!important;
  border:1px solid #06452c!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#0d7048,#075638)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:850!important;
  cursor:pointer!important;
  box-shadow:0 12px 25px rgba(6,69,44,.19)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.sina-login-button span:last-child{font-size:19px!important;line-height:1!important;transition:transform .18s ease!important;}
.sina-login-button:hover{filter:brightness(1.05)!important;transform:translateY(-1px)!important;box-shadow:0 14px 30px rgba(6,69,44,.23)!important;}
.sina-login-button:hover span:last-child{transform:translateX(3px)!important;}
.sina-login-button:active{transform:translateY(0)!important;}
.sina-login-alert{margin:0 0 16px!important;padding:12px 14px!important;border:1px solid #efc5c0!important;border-radius:12px!important;background:#fff2f1!important;color:#9c312b!important;font-size:13px!important;line-height:1.45!important;}
.sina-login-help{
  margin:20px 0 0!important;
  padding:14px!important;
  display:flex!important;
  gap:11px!important;
  align-items:flex-start!important;
  border:1px solid #dde9e1!important;
  border-radius:14px!important;
  background:#f7faf8!important;
  color:#63746b!important;
  text-align:left!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
.sina-help-icon{width:22px!important;height:22px!important;flex:0 0 22px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#0b5d3b!important;color:#fff!important;font-size:12px!important;font-weight:900!important;}
.sina-login-help strong{color:#284d3d!important;}
.sina-login-powered{margin-top:20px!important;padding-top:16px!important;border-top:1px solid #e7ede9!important;color:#8a968f!important;text-align:center!important;font-size:11px!important;line-height:1.4!important;}
/* Defensive reset: no legacy icon may ever expand over the form. */
.sina-login-page .sina-login-card form svg,
.sina-login-page .sina-login-card form i,
.sina-login-page .sina-login-card form .icon,
.sina-login-page .sina-login-card form .user-icon,
.sina-login-page .sina-login-card form .password-icon{max-width:22px!important;max-height:22px!important;}
@media(max-width:1100px){
  .sina-login-shell{grid-template-columns:minmax(0,1fr) minmax(400px,.88fr)!important;}
  .sina-login-hero{padding-left:34px!important;padding-right:34px!important;}
  .sina-feature-grid{grid-template-columns:1fr!important;width:min(470px,100%)!important;}
  .sina-feature-card{display:grid!important;grid-template-columns:42px 1fr!important;column-gap:12px!important;align-items:center!important;}
  .sina-feature-icon{grid-row:1/3!important;margin:0!important;}
  .sina-feature-card strong,.sina-feature-card span{grid-column:2!important;}
}
@media(max-width:820px){
  .sina-login-shell{display:block!important;min-height:100vh!important;}
  .sina-login-hero{min-height:auto!important;padding:24px 20px 28px!important;}
  .sina-login-hero:before{width:260px!important;height:260px!important;left:-120px!important;bottom:-170px!important;}
  .sina-login-hero:after{width:230px!important;height:230px!important;border-width:36px!important;right:-100px!important;top:-130px!important;}
  .sina-hero-content{margin:0!important;padding:34px 0 20px!important;}
  .sina-hero-content h1{font-size:clamp(34px,8vw,48px)!important;letter-spacing:-1.2px!important;}
  .sina-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;}
  .sina-feature-card{display:block!important;padding:14px!important;}
  .sina-feature-icon{margin-bottom:10px!important;}
  .sina-hero-bottom{display:none!important;}
  .sina-login-panel{min-height:auto!important;padding:28px 16px 36px!important;}
  .sina-login-card{width:min(560px,100%)!important;}
}
@media(max-width:620px){
  .sina-login-hero{padding:20px 16px 22px!important;}
  .sina-hero-top>div:last-child{padding-left:10px!important;}
  .sina-hero-top strong{font-size:12.5px!important;}
  .sina-hero-top span{font-size:10.5px!important;}
  .sina-hero-content{padding:28px 0 8px!important;}
  .sina-hero-content>p{font-size:13.5px!important;margin:14px 0 0!important;}
  .sina-feature-grid{display:none!important;}
  .sina-login-panel{padding:18px 10px 28px!important;}
  .sina-login-card{padding:28px 18px 22px!important;border-radius:22px!important;}
  .sina-login-logo{width:74px!important;height:74px!important;border-radius:19px!important;}
  .sina-login-brand h2{font-size:27px!important;}
  .sina-login-field input{font-size:16px!important;}
  .sina-login-help{font-size:11px!important;}
}
@media(prefers-reduced-motion:reduce){
  .sina-login-page *{scroll-behavior:auto!important;transition:none!important;}
}