/* PEPO VOD CONTROL — Private Entrance / Burgundy Velvet & Champagne */
:root{--pepo-login-ivory:#fffaf4;--pepo-login-gold:#ddbe88;--pepo-login-merlot:#680819}
body.pepo-login-active{
  background:
    radial-gradient(ellipse 70% 64% at 10% 18%,rgba(238,79,88,.42),transparent 73%),
    radial-gradient(ellipse 65% 85% at 98% 13%,rgba(136,15,32,.58),transparent 74%),
    radial-gradient(ellipse 55% 65% at 70% 115%,rgba(190,45,54,.45),transparent 80%),
    linear-gradient(137deg,#7a081e 0%,#3b000b 48%,#6a0719 100%)!important;
  background-attachment:fixed!important;
  isolation:isolate;
  overflow-x:hidden;
}
body.pepo-login-active::before{
  content:""!important;position:fixed;inset:-15%;width:auto;height:auto;
  pointer-events:none;z-index:-1;
  background:
    radial-gradient(ellipse 50% 30% at 7% 85%,rgba(0,0,0,.55),transparent 88%),
    radial-gradient(ellipse 38% 17% at 13% 88%,rgba(224,49,68,.35),transparent 83%),
    radial-gradient(ellipse 38% 14% at 88% 79%,rgba(206,41,49,.22),transparent 88%),
    repeating-linear-gradient(151deg,transparent 0%,transparent 9%,rgba(255,142,133,.025) 10%,transparent 14%,rgba(0,0,0,.03) 18%,transparent 25%);
  transform:rotate(-7deg);
}
body.pepo-login-active::after{
  content:"";position:fixed;inset:-25% -12%;
  z-index:-1;pointer-events:none;
  background:
    linear-gradient(36deg,transparent 25%,rgba(238,190,114,.28) 25.06%,transparent 25.2%),
    linear-gradient(137deg,transparent 47%,rgba(239,190,122,.15) 47.1%,transparent 47.25%);
  mask-image:linear-gradient(125deg,transparent 4%,#000 25%,#000 80%,transparent 100%);
  opacity:.7;
}
body.pepo-login-active .pepo-footer{
  background:transparent!important;border:0!important;
  color:rgba(255,226,204,.63)!important;
  padding:12px 16px 20px!important;
  font-size:10px!important;letter-spacing:.16em!important;
  box-shadow:none!important;
}
body.pepo-login-active #shell.hidden{display:none!important;}
#login.pepo-private-login{
  --gold:#d7ad72;
  width:min(630px,calc(100vw - 36px))!important;
  max-width:630px!important;
  padding:0!important;
  margin:clamp(26px,4.5vh,56px) auto clamp(16px,3vh,36px)!important;
  border:1px solid rgba(245,201,135,.76)!important;
  border-radius:34px!important;
  background:linear-gradient(150deg,#fffdfb,#f8f0e9)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.22) inset,
    0 0 0 5px rgba(93,4,17,.1),
    0 35px 95px rgba(19,0,8,.62),
    0 12px 40px rgba(184,51,69,.24),
    0 0 42px rgba(218,159,100,.11)!important;
  overflow:hidden;
  position:relative;
  z-index:1;
}
#login.pepo-private-login::before{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  border:1px solid rgba(255,231,194,.35);
  border-radius:inherit;
}
#login .pepo-private-hero{
  position:relative;isolation:isolate;text-align:center;
  overflow:hidden;
  padding:clamp(29px,4vw,43px) 31px 32px;
  border-radius:31px 31px 34px 34px;
  color:var(--pepo-login-ivory);
  background:
    radial-gradient(ellipse 46% 48% at 7% 3%,rgba(251,80,83,.35),transparent 93%),
    radial-gradient(ellipse 50% 40% at 98% 83%,rgba(239,99,74,.25),transparent 96%),
    linear-gradient(125deg,#70071b 0%,#39000b 43%,#590011 71%,#8b1730 100%);
  border-bottom:1px solid rgba(255,218,162,.92);
  box-shadow:inset 0 2px 0 rgba(255,244,214,.23),inset 0 -3px 14px rgba(189,58,61,.2);
}
#login .pepo-private-hero::before{
  content:"";position:absolute;inset:-15% -3% 0;
  z-index:-1;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,rgba(255,204,142,.02) 0px,rgba(255,204,142,.08) 3px,rgba(68,0,9,.05) 7px,transparent 13px,transparent 26px),
    linear-gradient(150deg,transparent 55%,rgba(222,140,110,.07) 80%,transparent 92%);
  mask-image:linear-gradient(90deg,transparent 0%,transparent 63%,#000 82%,transparent 100%);
}
#login .pepo-private-hero::after{
  content:"";position:absolute;left:-24%;right:-10%;bottom:-29%;height:55%;
  z-index:-1;pointer-events:none;border-radius:50% 50% 0 0;
  background:
    radial-gradient(ellipse 58% 54% at 35% 80%,rgba(229,65,77,.34),transparent 80%),
    repeating-linear-gradient(159deg,transparent 0%,rgba(255,117,102,.11) 4%,transparent 7%,rgba(0,0,0,.18) 11%,transparent 16%);
  transform:rotate(-11deg);
  filter:blur(2px);
}
#login .pepo-private-emblem{
  color:#e4c38b;
  width:45px;height:37px;margin:0 auto 15px;
  display:grid;place-items:center;
  filter:drop-shadow(0 0 14px rgba(255,197,113,.25));
}
#login .pepo-private-emblem svg{width:46px;height:33px;stroke:currentColor;fill:rgba(226,185,118,.11);stroke-width:1.4}
#login .pepo-private-eyebrow{
  display:flex;align-items:center;justify-content:center;
  gap:13px;margin-bottom:15px;
}
#login .pepo-private-eyebrow::before,#login .pepo-private-eyebrow::after{
  content:"";height:1px;flex:0 1 80px;
  background:linear-gradient(90deg,transparent,rgba(229,187,115,.8));
}
#login .pepo-private-eyebrow::after{transform:rotate(180deg)}
#login.pepo-private-login .brand{
  font:400 clamp(23px,3.15vw,34px)/1.05 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.052em!important;color:#fff7e7!important;
  text-transform:uppercase;margin:0!important;padding:0!important;
  text-shadow:0 2px 16px rgba(225,155,111,.16);
}
#login.pepo-private-login .brand span{
  color:#e0bd83!important;
  font:inherit!important;letter-spacing:inherit!important;
}
#login .pepo-private-line{
  display:block;width:125px;height:1px;margin:21px auto 23px;
  background:linear-gradient(90deg,transparent,#ead1a0 50%,transparent);
  box-shadow:0 0 10px 1px rgba(252,204,139,.21);
}
#login.pepo-private-login h1{
  font:400 clamp(38px,5.1vw,57px)/1.06 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.058em!important;
  color:#fffaf0!important;
  margin:0 auto 19px!important;
  text-shadow:0 3px 14px rgba(16,0,7,.52),0 0 28px rgba(254,203,165,.11);
}
#login .pepo-private-underlined{
  width:185px;height:1px;margin:0 auto 16px;
  background:linear-gradient(90deg,transparent,#e3b777 50%,transparent);
}
#login.pepo-private-login .pepo-private-hero p{
  max-width:470px;margin:0 auto!important;
  color:rgba(255,243,230,.84)!important;
  font:400 clamp(12px,1.3vw,14px)/1.7 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:.018em;
}
#login .pepo-private-form{
  padding:clamp(25px,3.3vw,39px) clamp(24px,5vw,46px) clamp(29px,3.8vw,44px);
  background:radial-gradient(ellipse 95% 90% at 50% 0%,#fffdf9 5%,#f9f2eb 100%);
}
#login.pepo-private-login form{margin:0}
#login .pepo-private-label{
  color:#4f4747!important;
  font:600 13px/1.3 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  margin:0 0 9px!important;
  display:block;
  letter-spacing:.005em;
}
#login .pepo-private-field{position:relative;margin:0 0 21px}
#login.pepo-private-login .pepo-private-field input{
  width:100%;height:52px;margin:0!important;
  padding:0 58px 0 17px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid #dcd2cc!important;
  color:#343034!important;
  box-shadow:0 2px 8px rgba(48,19,21,.055),0 1px 0 rgba(255,255,255,.92) inset!important;
  font:400 15px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:0;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
#login.pepo-private-login .pepo-private-field input:hover{border-color:#c6aba6!important}
#login.pepo-private-login .pepo-private-field input:focus{
  background:#fff!important;border-color:#ad6470!important;
  box-shadow:0 0 0 4px rgba(157,42,60,.11),0 7px 19px rgba(42,10,14,.065)!important;
  outline:none!important;
}
#login .pepo-private-field>.pepo-field-symbol{
  pointer-events:none;position:absolute;right:17px;top:50%;transform:translateY(-50%);
  width:19px;height:19px;color:#9b8b89;opacity:.85;
}
#login .pepo-private-field>.pepo-field-symbol svg,#login .pepo-login-visibility svg{
  width:100%;height:100%;stroke:currentColor;stroke-width:1.7;
  fill:none;stroke-linecap:round;stroke-linejoin:round;
}
#login.pepo-private-login button.pepo-login-visibility{
  position:absolute!important;right:8px;top:5px;
  display:grid!important;place-items:center!important;
  width:42px!important;height:42px!important;
  margin:0!important;padding:11px!important;
  border:0!important;background:transparent!important;
  color:#9a8b8d!important;
  border-radius:9px!important;box-shadow:none!important;
  cursor:pointer!important;
  transform:none!important;
}
#login.pepo-private-login button.pepo-login-visibility:hover{
  color:#873545!important;background:#f8eded!important;
}
#login.pepo-private-login button.pepo-login-visibility:focus-visible{
  outline:2px solid #a14250!important;outline-offset:0!important;
}
#login.pepo-private-login .pepo-login-submit{
  display:flex;justify-content:center;align-items:center;gap:15px;
  width:100%!important;min-height:56px;
  margin:11px 0 0!important;padding:12px 20px!important;
  border-radius:13px!important;
  color:#fffaf4!important;
  border:1px solid rgba(250,209,148,.94)!important;
  outline:2px solid rgba(144,35,53,.92);outline-offset:2px;
  background:linear-gradient(160deg,#a02f44 0%,#760719 41%,#58000e 100%)!important;
  box-shadow:0 11px 20px rgba(110,16,29,.20),0 1px 0 rgba(255,255,255,.3) inset,0 0 0 4px #f7ebe5!important;
  font:400 clamp(18px,2.2vw,23px) Georgia,"Times New Roman",serif!important;
  letter-spacing:-.02em;
  text-shadow:0 1px 7px rgba(0,0,0,.16);
  transition:filter .22s,transform .22s,box-shadow .22s!important;
  cursor:pointer;
}
#login.pepo-private-login .pepo-login-submit:hover{
  filter:brightness(1.12);
  transform:translateY(-2px)!important;
  box-shadow:0 15px 26px rgba(105,10,26,.27),0 1px 0 rgba(255,255,255,.4) inset,0 0 0 4px #f7ebe5!important;
}
#login .pepo-login-submit svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}
#login .pepo-login-submit:focus-visible{outline:3px solid #ae4e5c!important;outline-offset:5px!important}
#login #loginerror{margin:15px auto 0!important;text-align:center;min-height:0;color:#a42c3a!important;font:500 12px/1.5 Inter,system-ui,sans-serif}
#login #loginerror:empty{display:none}
body.pepo-login-active input:-webkit-autofill{
  -webkit-text-fill-color:#302c2d!important;
  -webkit-box-shadow:0 0 0 100px #fffdfa inset!important;
}
@media(max-width:650px){
 #login.pepo-private-login{width:min(94vw,570px)!important;border-radius:26px!important;margin:17px auto 12px!important}
 #login .pepo-private-hero{padding:24px 20px 26px;border-radius:24px 24px 29px 29px}
 #login .pepo-private-emblem{margin-bottom:9px}
 #login .pepo-private-eyebrow{margin-bottom:12px}
 #login .pepo-private-line{margin:16px auto 17px}
 #login.pepo-private-login h1{margin-bottom:12px!important}
 #login .pepo-private-underlined{margin-bottom:13px}
 #login .pepo-private-form{padding:26px 23px 30px}
 #login .pepo-private-field{margin-bottom:20px}
 #login.pepo-private-login .pepo-private-field input{height:50px}
 #login.pepo-private-login .pepo-login-submit{min-height:53px}
}
@media(max-width:360px){
 #login .pepo-private-hero{padding:23px 14px 24px}
 #login .pepo-private-form{padding:22px 16px 26px}
 #login.pepo-private-login .brand{font-size:21px!important}
 #login.pepo-private-login h1{font-size:35px!important}
}
@media(prefers-reduced-motion:reduce){
 #login.pepo-private-login *{transition:none!important}
}
/* Installation instructions belong behind the authenticated dashboard, not on login. */
body.pepo-login-active .pepo-help-footer-link{display:none!important}