/* MatkaSattaPro V16 — Homepage Login/Register reference redesign.
   Strict scope: .msp-login-premium only. */
.msp-login-premium{
  --login-wine-1:#b00068;
  --login-wine-2:#760044;
  --login-wine-3:#51002f;
  --login-gold:#d79c1e;
  --login-gold-hi:#ffe898;
  --login-cream:#fffdf6;
  --login-cream-2:#fff4d8;
  --login-peach:#ffcc99;
  position:relative;
  margin:12px 5px 12px;
  padding:0;
  color:#251b15;
  font-family:Arial,Helvetica,sans-serif;
}
.msp-login-premium,.msp-login-premium *{box-sizing:border-box}
.msp-login-premium__frame{
  position:relative;
  width:100%;
  margin:0 auto;
  padding:30px 28px 20px;
  overflow:visible;
  border:2px solid #d0556d;
  border-radius:26px;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.55),transparent 38%),
    linear-gradient(180deg,#fffdf7 0%,#fff8e8 70%,#fff0cf 100%);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.88),
    inset 0 0 0 4px rgba(224,168,45,.20),
    0 3px 9px rgba(92,44,5,.08);
}
.msp-login-premium__frame::before{
  content:"";
  position:absolute;
  inset:18px 22px 17px;
  pointer-events:none;
  border:2px solid var(--login-gold);
  border-radius:20px;
}
.msp-login-premium__title-plate{
  position:relative;
  z-index:3;
  width:min(72%,640px);
  min-height:58px;
  margin:-19px auto 14px;
  padding:8px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:17px;
  color:#fff4cb;
  background:
    radial-gradient(ellipse at 50% -20%,rgba(255,238,157,.18),transparent 44%),
    linear-gradient(180deg,var(--login-wine-1) 0%,var(--login-wine-2) 54%,var(--login-wine-3) 100%);
  border:3px solid var(--login-gold);
  border-radius:12px;
  overflow:visible;
  clip-path:none;
  box-shadow:inset 0 0 0 2px rgba(255,242,175,.38),0 3px 8px rgba(74,0,40,.15);
}
.msp-login-premium__title-plate::before,
.msp-login-premium__title-plate::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  width:22px;
  height:22px;
  background:linear-gradient(135deg,var(--login-wine-1) 0%,var(--login-wine-2) 58%,var(--login-wine-3) 100%);
  border:2px solid var(--login-gold);
  transform:translateY(-50%) rotate(45deg);
  box-shadow:inset 0 0 0 1px rgba(255,242,175,.30);
}
.msp-login-premium__title-plate::before{left:-11px}
.msp-login-premium__title-plate::after{right:-11px}
.msp-login-premium__title-plate h2{
  margin:0;
  color:#fff2cf;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(25px,4vw,37px);
  font-weight:800;
  line-height:1;
  letter-spacing:.6px;
  white-space:nowrap;
  text-shadow:0 1px 0 #5c2100,0 2px 4px rgba(54,0,31,.28);
}
.msp-login-premium__lock{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;padding:5px;color:#ffe98d;border:1.5px solid var(--login-gold);border-radius:50%;background:linear-gradient(180deg,rgba(150,0,82,.96),rgba(92,0,50,.98));box-shadow:inset 0 0 0 1px rgba(255,239,158,.22)}
.msp-login-premium__lock svg,.msp-login-premium__field-icon svg,.msp-login-premium__eye svg,.msp-login-premium__login-btn svg,.msp-login-premium__register-btn svg,.msp-login-premium__contact-medallion svg,.msp-login-premium__contacts svg{width:100%;height:100%;fill:currentColor;display:block}
.msp-login-premium__diamond{width:9px;height:9px;flex:0 0 9px;transform:rotate(45deg);background:linear-gradient(135deg,#fff0a4,#d7950d);border:1px solid #f7d864;box-shadow:0 1px 2px rgba(93,39,0,.22)}
.msp-login-premium__subtitle-row{
  position:relative;
  z-index:2;
  margin:0 auto 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  color:#2a211b;
}
.msp-login-premium__subtitle-row p{margin:0;font-size:18px;line-height:1.15;font-weight:500;white-space:nowrap}
.msp-login-premium__flourish{position:relative;width:52px;height:2px;background:linear-gradient(90deg,transparent,#e2a726 34%,#e2a726 66%,transparent)}
.msp-login-premium__flourish::before,.msp-login-premium__flourish::after{content:"";position:absolute;top:50%;width:7px;height:7px;border:1.5px solid #d99d1d;transform:translateY(-50%) rotate(45deg);background:#fff8dd}
.msp-login-premium__flourish::before{left:13px}.msp-login-premium__flourish::after{right:13px}
.msp-login-premium__form{position:relative;z-index:2;width:86%;margin:0 auto}
.msp-login-premium__field{
  position:relative;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  min-height:68px;
  margin:0 0 15px;
  border:2px solid var(--login-gold);
  border-radius:12px;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#fffdf7 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.85);
}
.msp-login-premium__field-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px;
  color:white;
  background:linear-gradient(180deg,#c70a77 0%,#850048 100%);
  border-right:2px solid #e1aa2b;
}
.msp-login-premium__field input{
  width:100%!important;
  height:100%!important;
  min-height:64px!important;
  margin:0!important;
  padding:0 58px 0 24px!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#29211b!important;
  text-align:left!important;
  font:500 20px/1.2 Arial,Helvetica,sans-serif!important;
  box-shadow:none!important;
}
.msp-login-premium__field input::placeholder{color:#888;opacity:1}
.msp-login-premium__field input:focus{box-shadow:inset 0 0 0 2px rgba(210,155,35,.20)!important}
.msp-login-premium__eye{
  position:absolute;
  right:16px;
  top:50%;
  width:38px;
  height:38px;
  transform:translateY(-50%);
  padding:5px;
  border:0;
  background:transparent;
  color:#888;
  cursor:pointer;
}
.msp-login-premium__options{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 12px;
  font-size:16px;
}
.msp-login-premium__remember{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none}
.msp-login-premium__remember input{position:absolute;opacity:0;pointer-events:none}
.msp-login-premium__checkbox{position:relative;width:26px;height:26px;flex:0 0 26px;border:2px solid #a7005f;border-radius:4px;background:linear-gradient(180deg,#c30b73,#830047)}
.msp-login-premium__remember input:checked + .msp-login-premium__checkbox::after{content:"";position:absolute;left:6px;top:2px;width:8px;height:14px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}
.msp-login-premium__forgot{color:#a7005f;font-weight:500;white-space:nowrap}
.msp-login-premium__login-btn,.msp-login-premium__register-btn{
  width:100%;
  min-height:57px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  border-radius:999px;
  text-decoration:none!important;
  font:800 22px/1 Arial,Helvetica,sans-serif;
}
.msp-login-premium__login-btn{
  border:2px solid var(--login-gold);
  background:linear-gradient(180deg,#c60b75 0%,#850048 62%,#5e0134 100%);
  color:#fff8df;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 7px rgba(92,0,48,.14);
  cursor:pointer;
}
.msp-login-premium__login-btn span,.msp-login-premium__register-btn span{width:27px;height:27px;display:inline-flex;flex:0 0 27px}
.msp-login-premium__register-btn{
  position:relative;
  z-index:2;
  width:86%;
  margin:12px auto 40px;
  border:2px solid var(--login-gold);
  background:linear-gradient(180deg,#fffdf7 0%,#fff8e9 60%,#ffefca 100%);
  color:#a0005a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 3px 6px rgba(110,63,8,.08);
}
.msp-login-premium__contact-strip{
  position:relative;
  z-index:2;
  min-height:72px;
  margin:0 -5px -2px;
  padding:31px 30px 14px;
  border:1.5px solid var(--login-gold);
  background:
    radial-gradient(circle at 4px 4px,rgba(215,156,30,.22) 1.4px,transparent 1.6px) 0 0/9px 9px,
    linear-gradient(180deg,#fff6dc 0%,#fff0cb 100%);
  border-radius:0 0 17px 17px;
  box-shadow:inset 0 0 0 1px rgba(255,248,208,.55);
}
.msp-login-premium__contact-corner{
  position:absolute;
  z-index:3;
  width:11px;
  height:11px;
  border:2px solid var(--login-gold);
  border-radius:50%;
  background:#fff3d2;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.45);
  pointer-events:none;
}
.msp-login-premium__contact-corner::after{
  content:"";
  position:absolute;
  top:50%;
  width:9px;
  height:1.5px;
  background:var(--login-gold);
  transform:translateY(-50%);
}
.msp-login-premium__contact-corner--tl{left:7px;top:7px}
.msp-login-premium__contact-corner--tl::after{left:7px}
.msp-login-premium__contact-corner--tr{right:7px;top:7px}
.msp-login-premium__contact-corner--tr::after{right:7px}
.msp-login-premium__contact-corner--bl{left:7px;bottom:7px}
.msp-login-premium__contact-corner--bl::after{left:7px}
.msp-login-premium__contact-corner--br{right:7px;bottom:7px}
.msp-login-premium__contact-corner--br::after{right:7px}
.msp-login-premium__contact-medallion{
  position:absolute;
  left:50%;
  top:-31px;
  width:62px;
  height:62px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  color:#fff2a4;
  border-radius:50%;
  background:linear-gradient(180deg,#c60b75,#77003f);
  border:3px solid #e1a72b;
  box-shadow:inset 0 0 0 2px rgba(255,239,158,.44),0 3px 7px rgba(88,18,0,.14);
}
.msp-login-premium__contacts{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;width:100%;font-size:18px;font-weight:500;white-space:nowrap}
.msp-login-premium__contacts a{display:inline-flex;align-items:center;gap:10px;min-width:0;color:#1c1714!important;text-decoration:none!important}
.msp-login-premium__contacts a:first-of-type{justify-self:end;justify-content:flex-end;padding-right:24px}
.msp-login-premium__contacts a:last-of-type{justify-self:start;justify-content:flex-start;padding-left:24px}
.msp-login-premium__contacts a>span{width:24px;height:24px;display:inline-flex;color:#a0005a}
.msp-login-premium__contact-separator{position:absolute;left:50%;top:50%;width:1.5px;height:26px;background:#8d3f25;transform:translate(-50%,-50%)}
@media(max-width:768px){
  .msp-login-premium{margin:10px 4px 11px}
  .msp-login-premium__frame{padding:27px 14px 18px;border-radius:22px}
  .msp-login-premium__frame::before{inset:15px 13px 14px;border-radius:18px}
  .msp-login-premium__title-plate{width:78%;min-height:51px;margin:-17px auto 12px;padding:7px 12px;gap:11px;border-width:2px}
  .msp-login-premium__title-plate::before,.msp-login-premium__title-plate::after{width:19px;height:19px;border-width:2px}
  .msp-login-premium__title-plate::before{left:-9px}.msp-login-premium__title-plate::after{right:-9px}
  .msp-login-premium__title-plate h2{font-size:clamp(20px,5.6vw,29px)}
  .msp-login-premium__lock{width:26px;height:26px;flex-basis:26px;padding:4px;border-width:1.5px}
  .msp-login-premium__diamond{width:7px;height:7px;flex-basis:7px}
  .msp-login-premium__subtitle-row{gap:12px;margin-bottom:12px}
  .msp-login-premium__subtitle-row p{font-size:15px}
  .msp-login-premium__flourish{width:38px}
  .msp-login-premium__form{width:88%}
  .msp-login-premium__field{grid-template-columns:59px minmax(0,1fr);min-height:57px;margin-bottom:12px;border-radius:10px}
  .msp-login-premium__field-icon{padding:13px}
  .msp-login-premium__field input{min-height:53px!important;padding:0 50px 0 17px!important;font-size:16px!important}
  .msp-login-premium__eye{right:10px;width:34px;height:34px}
  .msp-login-premium__options{font-size:13px;margin-bottom:10px}
  .msp-login-premium__checkbox{width:22px;height:22px;flex-basis:22px}
  .msp-login-premium__remember input:checked + .msp-login-premium__checkbox::after{left:5px;top:2px;width:7px;height:12px;border-width:0 2.5px 2.5px 0}
  .msp-login-premium__login-btn,.msp-login-premium__register-btn{min-height:49px;font-size:18px}
  .msp-login-premium__login-btn span,.msp-login-premium__register-btn span{width:23px;height:23px;flex-basis:23px}
  .msp-login-premium__register-btn{width:88%;margin-top:10px;margin-bottom:35px}
  .msp-login-premium__contact-strip{min-height:66px;padding:28px 16px 12px}
  .msp-login-premium__contact-medallion{top:-27px;width:54px;height:54px;padding:12px}
  .msp-login-premium__contacts{font-size:15px}
  .msp-login-premium__contacts a:first-of-type{padding-right:16px}
  .msp-login-premium__contacts a:last-of-type{padding-left:16px}
}
@media(max-width:430px){
  .msp-login-premium{margin:9px 3px 10px}
  .msp-login-premium__frame{padding:24px 10px 14px;border-width:1.5px;border-radius:20px}
  .msp-login-premium__frame::before{inset:13px 9px 11px;border-width:1.5px;border-radius:16px}
  .msp-login-premium__title-plate{width:82%;min-height:46px;margin:-15px auto 10px;padding:6px 8px;gap:7px}
  .msp-login-premium__title-plate::before,.msp-login-premium__title-plate::after{width:16px;height:16px;border-width:1.5px}
  .msp-login-premium__title-plate::before{left:-8px}.msp-login-premium__title-plate::after{right:-8px}
  .msp-login-premium__title-plate h2{font-size:clamp(18px,5.1vw,23px);letter-spacing:.2px}
  .msp-login-premium__lock{width:23px;height:23px;flex-basis:23px;padding:4px;border-width:1.25px}
  .msp-login-premium__diamond{width:6px;height:6px;flex-basis:6px}
  .msp-login-premium__subtitle-row{gap:8px;margin-bottom:10px}
  .msp-login-premium__subtitle-row p{font-size:12.5px}
  .msp-login-premium__flourish{width:29px}
  .msp-login-premium__form{width:90%}
  .msp-login-premium__field{grid-template-columns:52px minmax(0,1fr);min-height:50px;margin-bottom:10px;border-width:1.5px;border-radius:9px}
  .msp-login-premium__field-icon{padding:12px;border-right-width:1.5px}
  .msp-login-premium__field input{min-height:47px!important;padding:0 43px 0 14px!important;font-size:14px!important}
  .msp-login-premium__eye{right:7px;width:31px;height:31px}
  .msp-login-premium__options{min-height:27px;font-size:11.5px;gap:8px;margin-bottom:8px}
  .msp-login-premium__remember{gap:6px}
  .msp-login-premium__checkbox{width:19px;height:19px;flex-basis:19px;border-width:1.5px}
  .msp-login-premium__remember input:checked + .msp-login-premium__checkbox::after{left:4px;top:1px;width:6px;height:11px;border-width:0 2px 2px 0}
  .msp-login-premium__login-btn,.msp-login-premium__register-btn{min-height:44px;font-size:16px;border-width:1.5px}
  .msp-login-premium__login-btn span,.msp-login-premium__register-btn span{width:21px;height:21px;flex-basis:21px}
  .msp-login-premium__register-btn{width:90%;margin-top:8px;margin-bottom:31px}
  .msp-login-premium__contact-strip{min-height:58px;margin-left:-1px;margin-right:-1px;padding:24px 8px 9px;border-width:1.5px}
  .msp-login-premium__contact-corner{width:9px;height:9px;border-width:1.5px}
  .msp-login-premium__contact-corner::after{width:7px;height:1px}
  .msp-login-premium__contact-corner--tl,.msp-login-premium__contact-corner--bl{left:5px}
  .msp-login-premium__contact-corner--tr,.msp-login-premium__contact-corner--br{right:5px}
  .msp-login-premium__contact-corner--tl,.msp-login-premium__contact-corner--tr{top:5px}
  .msp-login-premium__contact-corner--bl,.msp-login-premium__contact-corner--br{bottom:5px}
  .msp-login-premium__contact-medallion{top:-24px;width:48px;height:48px;padding:11px;border-width:2px}
  .msp-login-premium__contacts{font-size:12.4px}
  .msp-login-premium__contacts a{gap:6px}
  .msp-login-premium__contacts a:first-of-type{padding-right:10px}
  .msp-login-premium__contacts a:last-of-type{padding-left:10px}
  .msp-login-premium__contacts a>span{width:19px;height:19px}
  .msp-login-premium__contact-separator{height:21px}
}
@media(max-width:360px){
  .msp-login-premium__title-plate{width:84%;gap:4px}
  .msp-login-premium__title-plate h2{font-size:17px}
  .msp-login-premium__lock{width:21px;height:21px;flex-basis:21px;padding:3.5px}
  .msp-login-premium__subtitle-row p{font-size:11.5px}
  .msp-login-premium__flourish{width:24px}
  .msp-login-premium__form,.msp-login-premium__register-btn{width:92%}
  .msp-login-premium__contacts{font-size:11.2px}
  .msp-login-premium__contacts a:first-of-type{padding-right:7px}
  .msp-login-premium__contacts a:last-of-type{padding-left:7px}
}