:root{
  --pl-deep:#082f52;
  --pl-panel:rgba(9,55,92,.92);
  --pl-panel-strong:rgba(7,41,71,.96);
  --pl-line:#68bcf3;
  --pl-blue:#4ca7ee;
  --pl-yellow:#ffd33b;
  --pl-yellow2:#ffbd16;
  --pl-white:#f5fbff;
  --pl-muted:#b7d0e4;
}
*{box-sizing:border-box}
html{min-height:100%;background:#082f52}
body.v1535-login-page{
  margin:0;min-height:100svh;color:var(--pl-white);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#082f52;overflow-x:hidden;
}
button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}a{color:inherit}

.v1535-scene{
  position:fixed;inset:0;z-index:0;
  background:#0a416f url('../ui/login-v1535/login-background-clean.png?v=15.35') center center/cover no-repeat;
}
.v1535-scene::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(5,31,53,.10) 0%,rgba(5,31,53,.02) 23%,rgba(5,31,53,.00) 55%,rgba(5,31,53,.10) 100%),
    linear-gradient(180deg,rgba(4,25,44,.20) 0%,rgba(4,25,44,.02) 22%,rgba(4,25,44,.02) 78%,rgba(4,25,44,.30) 100%);
}
.v1535-scene::after{
  content:"";position:absolute;left:0;right:0;top:0;height:160px;
  background:linear-gradient(180deg,rgba(5,28,47,.18),rgba(5,28,47,0));
}

.v1535-topbar,.v1535-footer,.v1535-main{position:relative;z-index:10}
.v1535-topbar{padding:26px 24px 0}
.v1535-topbar-inner{
  width:min(100%,1440px);min-height:96px;margin:0 auto;padding:10px 22px;
  display:grid;grid-template-columns:280px minmax(0,1fr) 162px;align-items:center;gap:18px;
  border:1.5px solid rgba(103,193,250,.7);border-radius:28px;
  background:linear-gradient(180deg,rgba(7,61,103,.94),rgba(6,45,77,.97));
  box-shadow:0 18px 44px rgba(3,24,44,.24),inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(14px);
}
.v1535-brand{position:relative;display:block;width:256px;height:72px;text-decoration:none}
.v1535-brand>img{position:absolute;left:-2px;top:-18px;width:194px;height:118px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,0,0,.28))}
.v1535-alpha{position:absolute;left:171px;top:2px;padding:6px 12px;border-radius:999px;background:linear-gradient(180deg,#ff664b,#e23d3e);font-size:11px;font-weight:950;letter-spacing:.04em;box-shadow:0 5px 12px rgba(105,20,20,.28)}
.v1535-brand small{position:absolute;left:1px;bottom:-1px;color:#d7ebfb;font-size:10px;font-weight:850;letter-spacing:.13em;white-space:nowrap;text-shadow:0 1px 2px #173b5f}
.v1535-mainnav{display:flex;align-items:center;justify-content:center;gap:34px;min-width:0}
.v1535-mainnav a,.v1535-nav-login{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 12px;border-radius:18px;text-decoration:none;
  color:#f3faff;font-size:15px;font-weight:850;letter-spacing:-.01em;
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.v1535-mainnav a:hover,.v1535-nav-login:hover{background:rgba(255,255,255,.09)}
.v1535-mainnav a:focus-visible,.v1535-nav-login:focus-visible,
.v1535-primary:focus-visible,.v1535-secondary:focus-visible,.v1535-eye:focus-visible,
.v1535-field input:focus-visible{outline:2px solid #ffd33b;outline-offset:2px}
.v1535-mainnav img,.v1535-nav-login img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}
.v1535-nav-login{
  justify-self:end;min-width:142px;padding:0 18px;border:1.6px solid rgba(156,221,255,.9);
  background:linear-gradient(180deg,rgba(34,100,159,.80),rgba(22,72,117,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 18px rgba(8,35,58,.18);
}

.v1535-main{width:min(calc(100% - 48px),1440px);margin:0 auto;padding:64px 0 34px}
.v1535-loading{
  width:min(100%,420px);margin:160px 0 0 auto;min-height:62px;padding:0 22px;
  display:flex;align-items:center;justify-content:center;gap:12px;
  border-radius:18px;background:linear-gradient(180deg,#ffd84a,#f4c319);
  color:#173b60;font-size:14px;font-weight:950;box-shadow:0 12px 24px rgba(90,64,8,.18),0 4px 0 #bd8b05;
}
.v1535-loading span{width:16px;height:16px;border:2px solid rgba(23,59,96,.24);border-top-color:#173b60;border-radius:50%;animation:v1535spin .8s linear infinite}
@keyframes v1535spin{to{transform:rotate(360deg)}}

.v1535-auth-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:76px;
  min-height:700px;
}
.v1535-hero-copy{
  position:relative;max-width:690px;padding:18px 0 26px 14px;
}
.v1535-hero-copy::before{
  content:"";position:absolute;left:-28px;top:-18px;right:110px;bottom:-26px;z-index:-1;
  border-radius:34px;
  background:
    linear-gradient(180deg,rgba(7,42,72,.16),rgba(7,42,72,.07)),
    radial-gradient(circle at 22% 24%,rgba(255,255,255,.16),transparent 34%);
  backdrop-filter:blur(3px);
}
.v1535-kicker{display:inline-flex;align-items:center;gap:10px;color:#f6fbff;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;text-shadow:0 3px 10px rgba(5,30,50,.24)}
.v1535-kicker img{width:22px;height:22px}
.v1535-hero-copy h1{margin:18px 0 16px;font-size:76px;line-height:.93;letter-spacing:-.045em;color:#fbfdff;text-shadow:0 3px 20px rgba(5,30,50,.18)}
.v1535-hero-copy h1 strong{display:block;color:var(--pl-yellow);font-weight:950}
.v1535-hero-copy>p{margin:0;color:#e7f3fb;font-size:18px;line-height:1.45;text-shadow:0 2px 10px rgba(5,30,50,.20)}
.v1535-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px;max-width:560px}
.v1535-benefits article{text-align:center;color:#fff}
.v1535-benefits img{width:68px;height:68px;margin-bottom:10px;filter:drop-shadow(0 8px 14px rgba(7,24,41,.20))}
.v1535-benefits b{display:block;font-size:14px;line-height:1.2;text-shadow:0 3px 10px rgba(5,30,50,.22)}

.v1535-auth-card{
  position:relative;width:100%;min-height:640px;padding:40px 26px 0;
  border:1.5px solid rgba(104,188,243,.90);border-radius:30px;
  background:linear-gradient(180deg,var(--pl-panel),var(--pl-panel-strong));
  box-shadow:0 28px 48px rgba(3,24,44,.26),inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(12px);
  margin-right:18px;
}
.v1535-card-ball{position:absolute;left:50%;top:-24px;transform:translateX(-50%);width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#214b72,#123557);box-shadow:0 10px 18px rgba(6,33,55,.22), inset 0 1px 0 rgba(255,255,255,.12)}
.v1535-card-ball img{width:44px;height:44px}
.v1535-auth-card>header{text-align:center;padding-top:18px}
.v1535-auth-card>header h2{margin:0;font-size:28px;line-height:1.12;letter-spacing:-.03em}
.v1535-auth-card>header h2 strong{color:var(--pl-yellow)}
.v1535-auth-card>header p{margin:12px 0 0;color:var(--pl-muted);font-size:16px}
.v1535-auth-form{display:grid;gap:14px;margin-top:28px}
.v1535-field{
  position:relative;height:72px;padding:12px 54px 10px 58px;
  border:1.5px solid rgba(104,188,243,.90);border-radius:18px;
  background:linear-gradient(180deg,rgba(32,83,129,.82),rgba(22,69,110,.90));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.v1535-field>img{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;opacity:.92}
.v1535-field>span{display:block;color:#9dc1dc;font-size:11px;font-weight:800;margin-bottom:6px}
.v1535-field input{
  width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:15px;font-weight:800;padding:0;
}
.v1535-field input::placeholder{color:#d0e1ef;opacity:.6}
.v1535-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;padding:0}
.v1535-eye img{width:18px;height:18px;opacity:.85}
.v1535-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:2px;color:#d7e8f5;font-size:13px}
.v1535-remember{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-weight:700}
.v1535-remember input{display:none}
.v1535-remember span{width:18px;height:18px;border-radius:5px;border:1.4px solid #79c0f6;background:linear-gradient(180deg,#4daeff,#2f8fe8);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.v1535-remember input:checked+span::after{content:"✓";display:grid;place-items:center;width:100%;height:100%;font-size:13px;font-weight:900;color:#fff}
.v1535-forgot{color:#c6dced;font-size:12px}
.v1535-primary,.v1535-secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:14px;height:60px;border-radius:18px;
  font-weight:900;text-decoration:none;
}
.v1535-primary{
  margin-top:4px;border:0;color:#173b60;background:linear-gradient(180deg,#ffdc4d,#f6c51c);
  box-shadow:0 6px 0 #be8a04,0 16px 24px rgba(90,64,8,.16);
}
.v1535-primary img,.v1535-secondary img{width:28px;height:28px}
.v1535-primary span,.v1535-secondary span{font-size:17px}
.v1535-primary b{font-size:26px;line-height:1;margin-left:auto}
.v1535-divider{display:flex;align-items:center;gap:12px;color:#bed5e8;font-size:14px}
.v1535-divider span{flex:1;height:1px;background:rgba(194,217,235,.38)}
.v1535-divider em{font-style:normal}
.v1535-secondary{
  border:1.5px solid rgba(164,200,228,.95);background:rgba(10,53,89,.22);color:#eef8ff;
}
.v1535-auth-error{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:rgba(174,39,49,.95);color:#fff;font-size:13px;font-weight:800;text-align:center}
.v1535-security{display:flex;align-items:flex-start;gap:12px;margin:28px -26px 0;padding:22px 26px 24px;border-top:1px solid rgba(193,218,236,.16);background:linear-gradient(180deg,rgba(9,46,76,.16),rgba(9,46,76,.34));border-radius:0 0 28px 28px}
.v1535-security img{width:22px;height:22px;margin-top:2px}
.v1535-security b{display:block;font-size:16px;color:#f4fbff}
.v1535-security small{display:block;margin-top:5px;color:#b9d0e2;font-size:12px;line-height:1.45}

.v1535-footer{padding:10px 24px 28px}
.v1535-footer-inner{
  width:min(100%,1440px);margin:0 auto;min-height:62px;padding:0 6px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;
  color:#e9f5ff;text-shadow:0 2px 10px rgba(7,24,41,.20);
}
.v1535-footer-brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:900}
.v1535-footer-brand img{width:22px;height:22px}.v1535-footer-brand span{opacity:.92;font-size:13px;font-weight:700}.v1535-footer-brand em{padding:4px 10px;border-radius:999px;border:1px solid rgba(179,221,250,.5);font-size:11px;font-style:normal;font-weight:900}
.v1535-footer>p,.v1535-footer-inner>p{justify-self:center;margin:0;font-size:14px;font-weight:700}
.v1535-footer nav{justify-self:end;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.v1535-footer nav i{width:1px;height:14px;background:rgba(220,238,250,.38)}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
  -webkit-text-fill-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px #244d76 inset!important;
  transition:background-color 9999s ease-in-out 0s;
}

@media(max-width:1200px){
  .v1535-main{width:min(calc(100% - 36px),1200px)}
  .v1535-auth-layout{grid-template-columns:minmax(0,1fr) 400px;gap:44px}
  .v1535-hero-copy h1{font-size:64px}
  .v1535-hero-copy>p{font-size:16px}
  .v1535-benefits{max-width:520px}
}
@media(max-width:980px){
  .v1535-topbar-inner{grid-template-columns:220px minmax(0,1fr) 126px;padding:10px 16px}
  .v1535-brand{width:210px;height:64px}.v1535-brand>img{width:168px;height:102px;top:-16px}.v1535-alpha{left:148px;font-size:10px;padding:5px 10px}.v1535-brand small{font-size:9px;letter-spacing:.1em}
  .v1535-mainnav{gap:18px}.v1535-mainnav a{font-size:14px;gap:8px}
  .v1535-auth-layout{grid-template-columns:1fr;gap:28px;min-height:auto}
  .v1535-hero-copy{max-width:740px;padding:8px 0 0 0}.v1535-hero-copy::before{right:0}
  .v1535-auth-card{max-width:480px;margin:0 auto}
  .v1535-loading{margin:100px auto 0}
  .v1535-footer-inner{grid-template-columns:1fr;justify-items:center;text-align:center}
  .v1535-footer nav{justify-self:center}
}
@media(max-width:760px){
  .v1535-topbar{padding:10px 10px 0}.v1535-topbar-inner{min-height:78px;border-radius:22px;grid-template-columns:190px auto;gap:12px}.v1535-brand{height:60px;width:185px}.v1535-brand>img{top:-14px;width:156px;height:95px}.v1535-alpha{left:141px;top:2px;font-size:8px;padding:4px 8px}.v1535-brand small{display:none}
  .v1535-mainnav{position:fixed;z-index:30;left:8px;right:8px;bottom:8px;padding:7px;border:1px solid #82b8de;border-radius:18px;background:rgba(7,51,86,.97);box-shadow:0 16px 35px rgba(0,0,0,.28);justify-content:space-around;gap:4px}
  .v1535-mainnav a{flex:1;justify-content:center;font-size:0;min-height:46px;padding:0}.v1535-mainnav img{width:24px;height:24px}
  .v1535-nav-login{width:50px;height:48px;font-size:0;min-width:50px;padding:0}.v1535-nav-login img{width:22px}
  .v1535-main{width:min(calc(100% - 24px),650px);padding:44px 0 96px}
  .v1535-hero-copy{padding:6px 8px}.v1535-hero-copy::before{left:-12px;top:-12px;right:-12px;bottom:-14px;background:linear-gradient(180deg,rgba(7,42,72,.20),rgba(7,42,72,.08));}
  .v1535-kicker{font-size:12px}.v1535-hero-copy h1{font-size:48px}.v1535-hero-copy>p{font-size:14px}.v1535-benefits{gap:10px;margin-top:24px}.v1535-benefits img{width:54px;height:54px}
  .v1535-auth-card{min-height:auto;padding:40px 18px 0;border-radius:24px}.v1535-auth-card>header h2{font-size:26px}.v1535-field{height:66px;padding-left:52px;padding-right:48px}.v1535-field>img{left:16px}.v1535-field>span{font-size:10px}.v1535-options{font-size:10px}.v1535-primary,.v1535-secondary{height:56px}.v1535-primary span,.v1535-secondary span{font-size:15px}
  .v1535-security{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;border-radius:0 0 22px 22px}.v1535-footer{padding:6px 14px 86px}.v1535-footer-inner{gap:8px}.v1535-footer nav{font-size:10px}
}
@media(max-width:560px){
  .v1535-main{padding-top:28px}
  .v1535-hero-copy h1{font-size:40px}
  .v1535-hero-copy>p br{display:none}
  .v1535-benefits{grid-template-columns:repeat(2,1fr)}
}


/* v15.36 — visual polish after live review */
@media (min-width:981px){
  .v1535-topbar{padding:18px 24px 0}
  .v1535-topbar-inner{
    width:min(100%,1400px);
    min-height:88px;
    padding:8px 20px;
    grid-template-columns:250px minmax(0,1fr) 154px;
    border-radius:25px;
  }

  .v1535-brand{
    width:232px;
    height:66px;
  }
  .v1535-brand>img{
    left:0;
    top:-13px;
    width:176px;
    height:100px;
  }
  .v1535-alpha{
    left:155px;
    top:2px;
    padding:5px 11px;
    font-size:10px;
  }
  .v1535-brand small{
    left:2px;
    bottom:0;
    font-size:9px;
    letter-spacing:.11em;
  }

  .v1535-mainnav{gap:30px}
  .v1535-mainnav a{
    min-height:48px;
    font-size:14px;
  }
  .v1535-nav-login{
    min-width:136px;
    min-height:48px;
    padding:0 16px;
    font-size:14px;
  }

  .v1535-main{
    width:min(calc(100% - 48px),1400px);
    padding:34px 0 14px;
  }

  .v1535-auth-layout{
    grid-template-columns:minmax(0,1fr) 398px;
    gap:92px;
    min-height:610px;
  }

  .v1535-hero-copy{
    max-width:760px;
    padding:8px 0 16px 12px;
  }

  .v1535-hero-copy::before{
    left:-10px;
    top:-6px;
    right:170px;
    bottom:-10px;
    border-radius:30px;
    background:
      linear-gradient(180deg,rgba(7,42,72,.09),rgba(7,42,72,.035)),
      radial-gradient(circle at 20% 24%,rgba(255,255,255,.08),transparent 30%);
    backdrop-filter:blur(1.5px);
  }

  .v1535-kicker{
    font-size:13px;
  }

  .v1535-hero-copy h1{
    margin:15px 0 14px;
    font-size:66px;
    line-height:.94;
    letter-spacing:-.04em;
  }
  .v1535-hero-copy h1 strong{
    white-space:nowrap;
  }

  .v1535-hero-copy>p{
    font-size:16px;
    line-height:1.42;
  }

  .v1535-benefits{
    max-width:540px;
    gap:14px;
    margin-top:28px;
  }
  .v1535-benefits img{
    width:60px;
    height:60px;
    margin-bottom:8px;
  }
  .v1535-benefits b{
    font-size:13px;
  }

  .v1535-auth-card{
    width:398px;
    min-height:604px;
    padding:36px 24px 0;
    margin-right:34px;
    border-radius:28px;
  }
  .v1535-card-ball{
    top:-22px;
    width:48px;
    height:48px;
  }
  .v1535-card-ball img{
    width:40px;
    height:40px;
  }
  .v1535-auth-card>header{
    padding-top:14px;
  }
  .v1535-auth-card>header h2{
    font-size:26px;
  }
  .v1535-auth-card>header p{
    margin-top:9px;
    font-size:14px;
  }
  .v1535-auth-form{
    gap:12px;
    margin-top:24px;
  }
  .v1535-field{
    height:66px;
    border-radius:17px;
  }
  .v1535-primary,
  .v1535-secondary{
    height:56px;
    border-radius:17px;
  }
  .v1535-primary span,
  .v1535-secondary span{
    font-size:16px;
  }
  .v1535-security{
    margin-top:24px;
    padding-top:18px;
    padding-bottom:19px;
  }
  .v1535-security b{
    font-size:14px;
  }
  .v1535-security small{
    font-size:11px;
  }

  .v1535-footer{
    padding:4px 24px 12px;
  }
  .v1535-footer-inner{
    width:min(100%,1400px);
    min-height:52px;
  }

  .v1535-scene::before{
    background:
      radial-gradient(circle at 25% 46%,rgba(5,31,53,.12),transparent 28%),
      radial-gradient(circle at 77% 47%,rgba(5,31,53,.10),transparent 24%),
      linear-gradient(90deg,rgba(5,31,53,.06) 0%,rgba(5,31,53,0) 28%,rgba(5,31,53,0) 70%,rgba(5,31,53,.06) 100%),
      linear-gradient(180deg,rgba(4,25,44,.14) 0%,rgba(4,25,44,0) 23%,rgba(4,25,44,0) 80%,rgba(4,25,44,.22) 100%);
  }
}

@media (min-width:981px) and (max-width:1280px){
  .v1535-auth-layout{
    grid-template-columns:minmax(0,1fr) 380px;
    gap:54px;
  }
  .v1535-hero-copy h1{
    font-size:58px;
  }
  .v1535-auth-card{
    width:380px;
    margin-right:10px;
  }
}

@media (min-width:981px) and (max-height:860px){
  .v1535-main{
    padding-top:22px;
    padding-bottom:6px;
  }
  .v1535-auth-layout{
    min-height:560px;
  }
  .v1535-auth-card{
    min-height:570px;
  }
  .v1535-hero-copy h1{
    font-size:60px;
  }
  .v1535-benefits{
    margin-top:22px;
  }
  .v1535-footer-inner{
    min-height:46px;
  }
}


/* v15.37 — logo/header cleanup + independent footer bar */
@media (min-width:981px){
  .v1535-topbar{
    padding-top:16px;
  }

  .v1535-topbar-inner{
    min-height:84px;
    grid-template-columns:232px minmax(0,1fr) 148px;
    padding:7px 18px;
  }

  .v1535-brand{
    width:218px;
    height:62px;
  }

  .v1535-brand>img{
    left:1px;
    top:-9px;
    width:154px;
    height:88px;
    object-fit:contain;
  }

  .v1535-alpha{
    left:145px;
    top:2px;
    padding:4px 10px;
    font-size:9px;
  }

  .v1535-brand small{
    left:3px;
    bottom:-2px;
    font-size:8.5px;
    letter-spacing:.105em;
  }

  .v1535-mainnav{
    gap:28px;
  }

  .v1535-mainnav a{
    min-height:46px;
  }

  .v1535-nav-login{
    min-width:132px;
    min-height:46px;
  }

  .v1535-footer{
    position:relative;
    z-index:20;
    width:100%;
    margin-top:8px;
    padding:0 24px;
    background:linear-gradient(180deg,rgba(6,43,72,.97),rgba(5,35,60,.99));
    border-top:1px solid rgba(109,185,235,.38);
    box-shadow:0 -10px 28px rgba(3,24,44,.16), inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(12px);
  }

  .v1535-footer-inner{
    width:min(100%,1400px);
    min-height:64px;
    padding:0 4px;
  }

  .v1535-footer-brand{
    gap:9px;
  }

  .v1535-footer-brand img{
    width:21px;
    height:21px;
  }

  .v1535-footer-brand b{
    font-size:13px;
  }

  .v1535-footer-brand span{
    font-size:12px;
  }

  .v1535-footer-brand em{
    padding:3px 9px;
    font-size:10px;
  }

  .v1535-footer-inner>p{
    font-size:12px;
    opacity:.92;
  }

  .v1535-footer nav{
    font-size:11px;
    gap:10px;
  }
}

@media (min-width:981px) and (max-height:860px){
  .v1535-footer{
    margin-top:2px;
  }

  .v1535-footer-inner{
    min-height:56px;
  }
}

@media (max-width:980px){
  .v1535-footer{
    background:linear-gradient(180deg,rgba(6,43,72,.97),rgba(5,35,60,.99));
    border-top:1px solid rgba(109,185,235,.38);
    box-shadow:0 -10px 28px rgba(3,24,44,.14);
  }
}

@media (max-width:760px){
  .v1535-footer{
    padding-left:14px;
    padding-right:14px;
    padding-bottom:86px;
  }
}


/* v15.38 — final polish: slogan spacing + flatter footer */
@media (min-width:981px){
  .v1535-brand small{
    bottom:-7px;
  }

  .v1535-footer-inner{
    min-height:50px;
  }

  .v1535-footer{
    padding-top:0;
    padding-bottom:0;
  }

  .v1535-footer-brand img{
    width:19px;
    height:19px;
  }

  .v1535-footer-brand b{
    font-size:12px;
  }

  .v1535-footer-brand span{
    font-size:11px;
  }

  .v1535-footer-brand em{
    padding:2px 8px;
    font-size:9px;
  }

  .v1535-footer-inner>p{
    font-size:11px;
  }

  .v1535-footer nav{
    font-size:10px;
  }
}

@media (min-width:981px) and (max-height:860px){
  .v1535-footer-inner{
    min-height:46px;
  }
}


/* ==========================================================================
   v15.63 — Login input focus polish
   Removes the yellow focus ring on username/password inputs and replaces it
   with a subtle PokéLocke-blue focus state on the complete field container.
   ========================================================================== */

.v1535-field{
  transition:
    border-color .16s ease,
    box-shadow .16s ease,
    background .16s ease,
    transform .16s ease;
}

/* No separate yellow browser/app outline on the actual text input. */
.v1535-field input,
.v1535-field input:focus,
.v1535-field input:focus-visible{
  outline:none!important;
  outline-offset:0!important;
  border:0!important;
  box-shadow:none!important;
}

/* Highlight the whole username/password component instead. */
.v1535-field:focus-within{
  border-color:#66c7ff!important;
  background:linear-gradient(180deg,rgba(36,92,143,.94),rgba(22,72,116,.96))!important;
  box-shadow:
    0 0 0 3px rgba(72,177,244,.16),
    0 8px 18px rgba(4,38,67,.14),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
}

/* Slightly brighter label/icon when active. */
.v1535-field:focus-within>span{
  color:#d8efff!important;
}
.v1535-field:focus-within>img{
  opacity:1!important;
  filter:drop-shadow(0 0 5px rgba(112,207,255,.28));
}

/* Password-eye keyboard focus also uses blue rather than yellow. */
.v1535-eye:focus-visible{
  outline:2px solid #71cfff!important;
  outline-offset:1px!important;
  background:rgba(111,203,255,.10)!important;
}

/* Keep autofill visually identical to the normal dark-blue field. */
.v1535-field input:-webkit-autofill,
.v1535-field input:-webkit-autofill:hover,
.v1535-field input:-webkit-autofill:focus,
.v1535-field input:-webkit-autofill:active{
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px #244d76 inset!important;
  box-shadow:0 0 0 1000px #244d76 inset!important;
  border-radius:0!important;
}

/* Firefox autofill fallback. */
.v1535-field input:autofill{
  color:#fff!important;
  background:#244d76!important;
  box-shadow:0 0 0 1000px #244d76 inset!important;
}


/* ==========================================================================
   v15.64 — Mobile Login Polish
   Desktop is intentionally untouched. Focus: iPhone/Android portrait,
   safe-area handling, earlier login visibility, compact bottom navigation.
   ========================================================================== */

@media (max-width:760px){

  html,
  body.v1535-login-page{
    min-height:100%;
  }

  body.v1535-login-page{
    overflow-x:hidden;
    -webkit-text-size-adjust:100%;
  }

  /* Header: less vertical space, still clearly PokéLocke. */
  .v1535-topbar{
    padding:7px 8px 0!important;
  }

  .v1535-topbar-inner{
    min-height:64px!important;
    padding:6px 9px!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    gap:7px!important;
    border-radius:17px!important;
  }

  .v1535-brand{
    width:156px!important;
    height:51px!important;
  }

  .v1535-brand>img{
    top:-12px!important;
    width:136px!important;
    height:82px!important;
  }

  .v1535-alpha{
    left:119px!important;
    top:1px!important;
    padding:3px 7px!important;
    font-size:7px!important;
  }

  .v1535-brand small{
    display:none!important;
  }

  .v1535-nav-login{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:0!important;
    border-radius:12px!important;
  }

  .v1535-nav-login img{
    width:20px!important;
    height:20px!important;
  }

  /* Mobile navigation stays at the bottom but is much flatter. */
  .v1535-mainnav{
    position:fixed!important;
    z-index:40!important;
    left:8px!important;
    right:8px!important;
    bottom:max(7px,env(safe-area-inset-bottom))!important;
    min-height:55px!important;
    padding:5px 6px!important;
    gap:3px!important;
    border-radius:16px!important;
    background:rgba(6,47,79,.97)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.26)!important;
    backdrop-filter:blur(10px)!important;
  }

  .v1535-mainnav a{
    min-height:43px!important;
    padding:0!important;
    border-radius:11px!important;
  }

  .v1535-mainnav img{
    width:21px!important;
    height:21px!important;
  }

  /* Main: content starts much earlier. */
  .v1535-main{
    width:min(calc(100% - 18px),620px)!important;
    padding:
      16px
      0
      calc(70px + env(safe-area-inset-bottom))
      !important;
  }

  .v1535-auth-layout{
    gap:16px!important;
  }

  /* Compact hero: keeps identity, no longer pushes login below the fold. */
  .v1535-hero-copy{
    padding:2px 6px 0!important;
    text-align:left!important;
  }

  .v1535-hero-copy::before{
    left:-5px!important;
    right:-5px!important;
    top:-5px!important;
    bottom:-6px!important;
    background:linear-gradient(180deg,rgba(7,42,72,.14),rgba(7,42,72,.035))!important;
  }

  .v1535-kicker{
    font-size:10px!important;
    letter-spacing:.10em!important;
  }

  .v1535-kicker img{
    width:15px!important;
    height:15px!important;
  }

  .v1535-hero-copy h1{
    margin-top:7px!important;
    font-size:35px!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }

  .v1535-hero-copy>p{
    margin-top:9px!important;
    max-width:520px!important;
    font-size:11.5px!important;
    line-height:1.45!important;
  }

  .v1535-hero-copy>p br{
    display:none!important;
  }

  /* Advantages stay visible, but as a clean 2x2 mobile grid. */
  .v1535-benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px 9px!important;
    max-width:none!important;
    margin-top:13px!important;
  }

  .v1535-benefits article{
    min-height:52px!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    padding:5px 8px!important;
    border:1px solid rgba(137,204,246,.20)!important;
    border-radius:12px!important;
    background:rgba(8,53,88,.24)!important;
    text-align:left!important;
  }

  .v1535-benefits img{
    width:38px!important;
    height:38px!important;
    margin:0!important;
  }

  .v1535-benefits b{
    font-size:10.5px!important;
    line-height:1.14!important;
  }

  .v1535-benefits b br{
    display:none!important;
  }

  /* Login card: visible early, compact, comfortable tap targets. */
  .v1535-auth-card{
    width:100%!important;
    max-width:440px!important;
    min-height:auto!important;
    margin:0 auto!important;
    padding:31px 14px 0!important;
    border-radius:20px!important;
  }

  .v1535-card-ball{
    width:48px!important;
    height:48px!important;
    top:-23px!important;
  }

  .v1535-card-ball img{
    width:38px!important;
    height:38px!important;
  }

  .v1535-auth-card>header{
    margin-bottom:14px!important;
  }

  .v1535-auth-card>header h2{
    font-size:23px!important;
    line-height:1.03!important;
  }

  .v1535-auth-card>header p{
    margin-top:6px!important;
    font-size:10.5px!important;
  }

  .v1535-auth-form{
    gap:9px!important;
  }

  /* Username/password: smaller than v15.63, still touch-friendly. */
  .v1535-field{
    height:57px!important;
    padding:9px 43px 7px 46px!important;
    border-radius:12px!important;
  }

  .v1535-field>img{
    left:14px!important;
    width:20px!important;
    height:20px!important;
  }

  .v1535-field>span{
    margin-bottom:2px!important;
    font-size:9px!important;
  }

  .v1535-field input{
    min-height:24px!important;
    font-size:16px!important; /* prevents iOS auto zoom */
    line-height:24px!important;
  }

  .v1535-eye{
    right:10px!important;
    width:34px!important;
    height:34px!important;
    border-radius:9px!important;
  }

  .v1535-eye img{
    width:19px!important;
    height:19px!important;
  }

  .v1535-options{
    min-height:29px!important;
    gap:7px!important;
    font-size:9px!important;
  }

  .v1535-remember{
    gap:6px!important;
  }

  .v1535-primary,
  .v1535-secondary{
    height:50px!important;
    border-radius:11px!important;
  }

  .v1535-primary img,
  .v1535-secondary img{
    width:25px!important;
    height:25px!important;
  }

  .v1535-primary span,
  .v1535-secondary span{
    font-size:13.5px!important;
  }

  .v1535-primary b{
    font-size:21px!important;
  }

  .v1535-divider{
    margin:1px 0!important;
  }

  .v1535-divider em{
    font-size:9px!important;
  }

  /* Security footer inside login card. */
  .v1535-security{
    min-height:62px!important;
    margin:14px -14px 0!important;
    padding:11px 14px!important;
    border-radius:0 0 19px 19px!important;
    gap:8px!important;
  }

  .v1535-security>img{
    width:23px!important;
    height:23px!important;
  }

  .v1535-security b{
    font-size:9.5px!important;
  }

  .v1535-security small{
    margin-top:2px!important;
    font-size:7.5px!important;
    line-height:1.35!important;
  }

  /* Page footer: compact; bottom navigation owns the bottom safe area. */
  .v1535-footer{
    padding:
      8px
      12px
      calc(71px + env(safe-area-inset-bottom))
      !important;
  }

  .v1535-footer-inner{
    gap:5px!important;
    min-height:56px!important;
  }

  .v1535-footer-brand{
    gap:6px!important;
    font-size:10px!important;
  }

  .v1535-footer-brand img{
    width:17px!important;
    height:17px!important;
  }

  .v1535-footer-brand span{
    font-size:9px!important;
  }

  .v1535-footer-brand em{
    padding:2px 6px!important;
    font-size:7px!important;
  }

  .v1535-footer-inner>p{
    font-size:9px!important;
  }

  .v1535-footer nav{
    gap:7px!important;
    font-size:8px!important;
  }
}

/* Narrow phones such as iPhone SE / mini-sized Android devices. */
@media (max-width:430px){

  .v1535-main{
    width:calc(100% - 14px)!important;
    padding-top:11px!important;
  }

  .v1535-topbar-inner{
    min-height:60px!important;
  }

  .v1535-brand{
    width:146px!important;
    height:47px!important;
  }

  .v1535-brand>img{
    width:126px!important;
    height:76px!important;
  }

  .v1535-alpha{
    left:111px!important;
    font-size:6.5px!important;
  }

  .v1535-hero-copy h1{
    font-size:31px!important;
  }

  .v1535-hero-copy>p{
    font-size:10.5px!important;
  }

  .v1535-benefits{
    gap:6px!important;
  }

  .v1535-benefits article{
    grid-template-columns:34px minmax(0,1fr)!important;
    min-height:47px!important;
    padding:4px 6px!important;
  }

  .v1535-benefits img{
    width:32px!important;
    height:32px!important;
  }

  .v1535-benefits b{
    font-size:9.5px!important;
  }

  .v1535-auth-card{
    padding-left:11px!important;
    padding-right:11px!important;
  }

  .v1535-field{
    padding-left:43px!important;
    padding-right:40px!important;
  }

  .v1535-security{
    margin-left:-11px!important;
    margin-right:-11px!important;
    padding-left:11px!important;
    padding-right:11px!important;
  }

  .v1535-options{
    font-size:8.5px!important;
  }
}

/* Landscape phones: keep the login card reachable without huge vertical scroll. */
@media (max-width:900px) and (max-height:560px) and (orientation:landscape){

  .v1535-topbar-inner{
    min-height:54px!important;
  }

  .v1535-main{
    width:min(calc(100% - 20px),820px)!important;
    padding-top:8px!important;
  }

  .v1535-auth-layout{
    grid-template-columns:minmax(0,1fr) minmax(320px,380px)!important;
    gap:14px!important;
    align-items:start!important;
  }

  .v1535-hero-copy h1{
    font-size:30px!important;
  }

  .v1535-hero-copy>p{
    font-size:10px!important;
  }

  .v1535-benefits{
    grid-template-columns:repeat(2,1fr)!important;
    margin-top:9px!important;
  }

  .v1535-benefits article{
    min-height:42px!important;
  }

  .v1535-benefits img{
    width:30px!important;
    height:30px!important;
  }

  .v1535-auth-card{
    padding-top:27px!important;
  }

  .v1535-auth-card>header{
    margin-bottom:9px!important;
  }

  .v1535-field{
    height:52px!important;
  }

  .v1535-primary,
  .v1535-secondary{
    height:46px!important;
  }

  .v1535-security{
    min-height:52px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
}


/* v15.66 — login hero wordmark */
.v1566-hero-logo{
  display:block;
  margin:18px 0 18px;
  max-width:100%;
}
.v1566-hero-logo img{
  display:block;
  width:min(100%, 640px);
  height:auto;
  filter:drop-shadow(0 10px 22px rgba(3,28,51,.24));
}
.v1566-hero-slogan{
  margin:8px 0 0 6px!important;
  color:#eef7ff!important;
  font-size:18px!important;
  line-height:1.15!important;
  letter-spacing:.14em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 10px rgba(5,30,50,.22)!important;
}
.v1535-hero-copy>p{
  max-width:640px;
}
@media(max-width:1200px){
  .v1566-hero-logo img{width:min(100%, 560px)}
  .v1566-hero-slogan{font-size:16px!important;letter-spacing:.12em!important}
}
@media(max-width:980px){
  .v1566-hero-logo{margin:14px 0 14px}
  .v1566-hero-logo img{width:min(100%, 620px)}
  .v1566-hero-slogan{margin-left:4px!important;font-size:15px!important;letter-spacing:.11em!important}
}
@media(max-width:760px){
  .v1566-hero-logo{margin:10px 0 10px}
  .v1566-hero-logo img{width:min(100%, 420px)}
  .v1566-hero-slogan{margin-top:6px!important;margin-left:2px!important;font-size:12.5px!important;letter-spacing:.08em!important}
}
@media(max-width:430px){
  .v1566-hero-logo img{width:min(100%, 360px)}
  .v1566-hero-slogan{font-size:11px!important;letter-spacing:.07em!important}
}
@media (max-width:900px) and (max-height:560px) and (orientation:landscape){
  .v1566-hero-logo img{width:min(100%, 360px)}
  .v1566-hero-slogan{font-size:10px!important;letter-spacing:.06em!important}
}


/* v15.67 — exact user-supplied PokéLocke logo + slogan on login hero */
.v1567-hero-lockup{
  display:block;
  width:min(100%,638px);
  margin:8px 0 16px;
  overflow:hidden;
}
.v1567-hero-lockup img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

@media(max-width:1200px){
  .v1567-hero-lockup{width:min(100%,590px)}
}
@media(max-width:980px){
  .v1567-hero-lockup{width:min(100%,638px);margin:5px 0 14px}
}
@media(max-width:760px){
  .v1567-hero-lockup{width:100%;margin:2px 0 10px}
}
@media(max-width:430px){
  .v1567-hero-lockup{margin-top:0}
}


/* v15.68 — transparent PokéLocke hero logo, no background image */
.v1567-hero-lockup{
  display:none!important;
}

.v1568-hero-lockup{
  display:block;
  width:min(100%,650px);
  margin:8px 0 17px;
}

.v1568-welcome{
  display:block;
  margin:0 0 7px 5px;
  color:#f4fbff;
  font-size:13px;
  line-height:1;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-shadow:0 2px 8px rgba(5,30,50,.24);
}

.v1568-hero-lockup>img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 12px rgba(2,33,63,.24));
}

.v1568-slogan{
  display:block;
  margin:7px 0 0 7px;
  color:#edf7ff;
  font-size:18px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.145em;
  text-transform:uppercase;
  text-shadow:0 2px 9px rgba(5,30,50,.26);
}

@media(max-width:1200px){
  .v1568-hero-lockup{width:min(100%,590px)}
  .v1568-slogan{font-size:16px;letter-spacing:.125em}
}

@media(max-width:980px){
  .v1568-hero-lockup{width:min(100%,630px);margin:5px 0 14px}
  .v1568-welcome{font-size:12px}
  .v1568-slogan{font-size:15px}
}

@media(max-width:760px){
  .v1568-hero-lockup{width:100%;margin:3px 0 11px}
  .v1568-welcome{margin-left:2px;font-size:9px;letter-spacing:.10em}
  .v1568-slogan{margin:5px 0 0 2px;font-size:11.5px;letter-spacing:.08em}
}

@media(max-width:430px){
  .v1568-slogan{font-size:10px;letter-spacing:.065em}
}


/* v15.69 — exact logo+slogan lockup from the supplied reference.
   No other login layout styles are changed. */
.v1568-hero-lockup{
  display:none!important;
}

.v1569-hero-lockup{
  display:block;
  width:min(100%,665px);
  margin:4px 0 16px;
}

.v1569-hero-lockup>img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 14px rgba(4,34,61,.20));
}

@media(max-width:1200px){
  .v1569-hero-lockup{width:min(100%,590px)}
}

@media(max-width:980px){
  .v1569-hero-lockup{width:min(100%,630px);margin:3px 0 14px}
}

@media(max-width:760px){
  .v1569-hero-lockup{width:100%;margin:2px 0 11px}
}

@media(max-width:430px){
  .v1569-hero-lockup{width:100%}
}


/* v15.70 — crisp native logo+slogan, no raster scaling */
.v1569-hero-lockup{
  display:none!important;
}

.v1570-hero-lockup{
  display:block;
  width:min(100%,690px);
  margin:4px 0 16px;
}

.v1570-welcome{
  display:block;
  margin:0 0 8px 5px;
  color:#f7fbff;
  font-size:13px;
  line-height:1;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-shadow:0 2px 8px rgba(4,31,55,.24);
}

.v1570-wordmark{
  display:flex;
  align-items:center;
  gap:0;
  white-space:nowrap;
  line-height:.82;
  font-family:"Arial Rounded MT Bold","Trebuchet MS",Inter,"Segoe UI",sans-serif;
  font-size:83px;
  font-weight:950;
  letter-spacing:-.065em;
  filter:drop-shadow(0 7px 8px rgba(4,34,61,.20));
}

.v1570-wordmark-white,
.v1570-wordmark-yellow{
  display:inline-block;
  paint-order:stroke fill;
  -webkit-text-stroke:3px #0c3c69;
  text-shadow:
    0 2px 0 #d8e4ef,
    0 5px 0 rgba(6,45,80,.20);
}

.v1570-wordmark-white{
  color:#ffffff;
}

.v1570-wordmark-yellow{
  color:#ffd52c;
  margin-left:-3px;
}

.v1570-wordmark-ball{
  display:inline-grid;
  place-items:center;
  width:.62em;
  height:.62em;
  margin:0 .01em 0 -.01em;
  transform:translateY(.05em);
}

.v1570-wordmark-ball img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 3px 3px rgba(4,34,61,.18));
}

.v1570-slogan{
  display:block;
  margin:13px 0 0 7px;
  color:#f2f8ff;
  font-size:18px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:.145em;
  text-transform:uppercase;
  text-shadow:0 2px 8px rgba(4,31,55,.24);
}

@media(max-width:1200px){
  .v1570-hero-lockup{width:min(100%,610px)}
  .v1570-wordmark{font-size:73px}
  .v1570-slogan{font-size:16px;letter-spacing:.125em}
}

@media(max-width:980px){
  .v1570-hero-lockup{width:min(100%,640px);margin:3px 0 14px}
  .v1570-wordmark{font-size:76px}
  .v1570-welcome{font-size:12px}
  .v1570-slogan{font-size:15px}
}

@media(max-width:760px){
  .v1570-hero-lockup{width:100%;margin:2px 0 11px}
  .v1570-wordmark{font-size:clamp(42px,11.2vw,64px)}
  .v1570-wordmark-white,
  .v1570-wordmark-yellow{-webkit-text-stroke:2px #0c3c69}
  .v1570-welcome{margin-left:2px;font-size:9px;letter-spacing:.10em}
  .v1570-slogan{margin:8px 0 0 2px;font-size:11.5px;letter-spacing:.08em}
}

@media(max-width:430px){
  .v1570-wordmark{font-size:clamp(36px,11vw,48px)}
  .v1570-slogan{font-size:10px;letter-spacing:.065em}
}


/* v15.71 — tune the logo/slogan block to match the supplied reference more closely */
.v1570-hero-lockup{
  width:min(100%,760px);
  margin:2px 0 14px;
}

.v1570-welcome{
  margin:0 0 10px 6px;
  color:#ffffff;
  font-size:15px;
  letter-spacing:.14em;
  font-weight:950;
}

.v1570-wordmark{
  font-size:100px;
  letter-spacing:-.078em;
  line-height:.80;
  filter:drop-shadow(0 9px 12px rgba(4,34,61,.18));
}

.v1570-wordmark-white,
.v1570-wordmark-yellow{
  -webkit-text-stroke:4px #143d63;
  text-shadow:
    0 2px 0 rgba(255,255,255,.22),
    0 5px 0 rgba(6,45,80,.18);
}

.v1570-wordmark-white{
  color:#fefefe;
}

.v1570-wordmark-yellow{
  color:#ffd731;
  margin-left:-4px;
}

.v1570-wordmark-ball{
  width:.60em;
  height:.60em;
  margin:0 .005em 0 -.015em;
  transform:translateY(.045em);
}

.v1570-slogan{
  margin:14px 0 0 8px;
  color:#ffffff;
  font-size:22px;
  letter-spacing:.16em;
  font-weight:900;
}

.v1535-hero-copy>p{
  max-width:650px;
}

@media(max-width:1200px){
  .v1570-hero-lockup{width:min(100%,700px)}
  .v1570-wordmark{font-size:92px}
  .v1570-slogan{font-size:20px;letter-spacing:.15em}
}

@media(max-width:980px){
  .v1570-hero-lockup{width:min(100%,690px);margin:2px 0 12px}
  .v1570-wordmark{font-size:84px}
  .v1570-wordmark-white,
  .v1570-wordmark-yellow{-webkit-text-stroke:3px #143d63}
  .v1570-welcome{font-size:13px}
  .v1570-slogan{font-size:17px;letter-spacing:.12em}
}

@media(max-width:760px){
  .v1570-hero-lockup{width:100%;margin:2px 0 10px}
  .v1570-wordmark{font-size:clamp(48px,12.2vw,76px);letter-spacing:-.072em}
  .v1570-wordmark-white,
  .v1570-wordmark-yellow{-webkit-text-stroke:2px #143d63}
  .v1570-welcome{margin-left:2px;font-size:10px;letter-spacing:.10em}
  .v1570-slogan{margin:10px 0 0 2px;font-size:13px;letter-spacing:.09em}
}

@media(max-width:430px){
  .v1570-wordmark{font-size:clamp(39px,11.5vw,52px)}
  .v1570-slogan{font-size:11px;letter-spacing:.075em}
}


/* v15.72 — use a clean high-resolution transparent logo lockup asset */
.v1570-hero-lockup,.v1569-hero-lockup,.v1568-hero-lockup{display:none!important;}
.v1572-hero-lockup{display:block;width:min(100%,700px);margin:0 0 14px;}
.v1572-hero-lockup img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(4,34,61,.18));}
@media(max-width:1200px){.v1572-hero-lockup{width:min(100%,660px)}}
@media(max-width:980px){.v1572-hero-lockup{width:min(100%,640px);margin:0 0 12px}}
@media(max-width:760px){.v1572-hero-lockup{width:100%;margin:0 0 10px}}


/* ==========================================================================
   v15.73 — soft PokéLocke logo lockup
   Correct spelling/composition: PokéL + Poké Ball + cke
   Softer outline and subtle shading to match the supplied reference.
   ========================================================================== */

.v1572-hero-lockup{
  display:none!important;
}

.v1573-hero-lockup{
  display:block;
  width:min(100%,690px);
  margin:2px 0 15px;
}

.v1573-welcome{
  display:block;
  margin:0 0 9px 4px;
  color:#fff;
  font-size:14px;
  line-height:1;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-shadow:0 2px 7px rgba(8,42,72,.24);
}

.v1573-wordmark{
  display:flex;
  align-items:center;
  white-space:nowrap;
  line-height:.82;
  font-family:"Arial Black","Noto Sans",Inter,"Segoe UI",sans-serif;
  font-size:94px;
  font-weight:900;
  letter-spacing:-.070em;
}

.v1573-white,
.v1573-yellow{
  display:inline-block;
  color:transparent;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-stroke:1.6px rgba(9,53,91,.94);
  paint-order:stroke fill;
  filter:
    drop-shadow(0 2px 0 rgba(255,255,255,.10))
    drop-shadow(0 5px 7px rgba(6,39,67,.18));
}

.v1573-white{
  background-image:linear-gradient(180deg,#ffffff 0%,#ffffff 58%,#eaf2f8 100%);
}

.v1573-yellow{
  background-image:linear-gradient(180deg,#ffe25a 0%,#ffd437 52%,#ffc51c 100%);
  margin-left:-2px;
}

.v1573-ball{
  display:inline-grid;
  place-items:center;
  width:.56em;
  height:.56em;
  margin:0 .025em 0 .01em;
  transform:translateY(.035em);
}

.v1573-ball img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 4px 6px rgba(6,39,67,.16));
}

.v1573-slogan{
  display:block;
  margin:14px 0 0 5px;
  color:#fff;
  font-size:19px;
  line-height:1.05;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
  text-shadow:0 2px 7px rgba(8,42,72,.22);
}

/* Responsive sizing only; other Login page rules stay untouched. */
@media(max-width:1200px){
  .v1573-hero-lockup{width:min(100%,625px)}
  .v1573-wordmark{font-size:85px}
  .v1573-slogan{font-size:17px;letter-spacing:.135em}
}

@media(max-width:980px){
  .v1573-hero-lockup{width:min(100%,640px);margin:2px 0 13px}
  .v1573-wordmark{font-size:82px}
  .v1573-welcome{font-size:12px}
  .v1573-slogan{font-size:15px;letter-spacing:.115em}
}

@media(max-width:760px){
  .v1573-hero-lockup{width:100%;margin:1px 0 10px}
  .v1573-wordmark{font-size:clamp(45px,11.7vw,69px)}
  .v1573-white,
  .v1573-yellow{-webkit-text-stroke:1.25px rgba(9,53,91,.94)}
  .v1573-welcome{margin-left:2px;font-size:9px;letter-spacing:.10em}
  .v1573-slogan{margin:9px 0 0 2px;font-size:11.5px;letter-spacing:.085em}
}

@media(max-width:430px){
  .v1573-wordmark{font-size:clamp(37px,11.2vw,49px)}
  .v1573-slogan{font-size:10px;letter-spacing:.07em}
}


/* v15.74 — high-resolution transparent image lockup only */
.v1573-hero-lockup{
  display:none!important;
}

.v1574-hero-lockup{
  display:block;
  width:min(100%,720px);
  margin:0 0 14px;
}

.v1574-hero-lockup>img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  image-rendering:auto;
  filter:drop-shadow(0 7px 10px rgba(4,34,61,.15));
}

@media(max-width:1200px){
  .v1574-hero-lockup{width:min(100%,660px)}
}

@media(max-width:980px){
  .v1574-hero-lockup{width:min(100%,640px);margin-bottom:12px}
}

@media(max-width:760px){
  .v1574-hero-lockup{width:100%;margin-bottom:10px}
}


/* v15.75 — same logo, slightly smaller */
.v1574-hero-lockup{
  width:min(100%,640px)!important;
  margin-bottom:13px!important;
}

@media(max-width:1200px){
  .v1574-hero-lockup{width:min(100%,600px)!important}
}

@media(max-width:980px){
  .v1574-hero-lockup{width:min(100%,580px)!important}
}

@media(max-width:760px){
  .v1574-hero-lockup{width:92%!important}
}

@media(max-width:430px){
  .v1574-hero-lockup{width:90%!important}
}


/* v15.76 — same logo, another small size reduction */
.v1574-hero-lockup{
  width:min(100%,590px)!important;
}

@media(max-width:1200px){
  .v1574-hero-lockup{width:min(100%,560px)!important}
}

@media(max-width:980px){
  .v1574-hero-lockup{width:min(100%,540px)!important}
}

@media(max-width:760px){
  .v1574-hero-lockup{width:88%!important}
}

@media(max-width:430px){
  .v1574-hero-lockup{width:86%!important}
}


/* v15.77 — same logo, only shifted slightly to the left */
.v1574-hero-lockup{
  margin-left:-22px!important;
}

@media(max-width:1200px){
  .v1574-hero-lockup{margin-left:-18px!important}
}

@media(max-width:980px){
  .v1574-hero-lockup{margin-left:-12px!important}
}

@media(max-width:760px){
  .v1574-hero-lockup{margin-left:0!important}
}


/* v15.78 — glass header navigation rebuild */
.v1578-topbar{
  padding:20px 24px 0;
}
.v1578-topbar-inner{
  width:min(100%,1380px);
  min-height:86px;
  padding:14px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  border-radius:30px;
  border:1.5px solid rgba(168,233,255,.70);
  background:linear-gradient(180deg,rgba(42,168,255,.18),rgba(12,88,152,.18));
  box-shadow:0 16px 30px rgba(4,27,49,.16), inset 0 1px 0 rgba(255,255,255,.38);
  backdrop-filter:blur(18px) saturate(130%);
}
.v1578-mainnav{
  flex:1;
  justify-content:center;
  gap:16px;
}
.v1578-nav-pill,
.v1578-nav-login{
  min-height:54px;
  padding:0 24px;
  border:1.4px solid rgba(180,231,255,.28);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(22,88,145,.22),rgba(10,60,104,.16));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.v1578-nav-pill img,
.v1578-nav-login img{
  width:20px;
  height:20px;
}
.v1578-nav-pill span,
.v1578-nav-login span{
  font-size:15px;
  font-weight:900;
}
.v1578-nav-pill:hover,
.v1578-nav-login:hover{
  background:linear-gradient(180deg,rgba(40,119,186,.28),rgba(12,72,121,.22));
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(3,31,56,.16), inset 0 1px 0 rgba(255,255,255,.18);
}
.v1578-nav-active{
  color:#15304f;
  border-color:rgba(255,218,72,.95);
  background:linear-gradient(180deg,#ffd74f,#f5bf17);
  box-shadow:0 8px 0 rgba(178,126,0,.75),0 16px 24px rgba(89,63,5,.18), inset 0 1px 0 rgba(255,255,255,.50);
}
.v1578-nav-active:hover{
  background:linear-gradient(180deg,#ffe061,#f7c521);
}
.v1578-nav-login{
  flex:0 0 auto;
  min-width:170px;
  justify-self:flex-end;
  border-color:rgba(157,229,255,.9);
  background:linear-gradient(180deg,rgba(61,168,255,.32),rgba(21,98,170,.30));
  box-shadow:0 12px 24px rgba(5,34,60,.16), inset 0 1px 0 rgba(255,255,255,.28);
}
.v1578-topbar .v1535-mainnav a:focus-visible,
.v1578-topbar .v1535-nav-login:focus-visible{
  outline:2px solid rgba(255,213,59,.92);
  outline-offset:3px;
}

@media (max-width: 980px){
  .v1578-topbar-inner{
    min-height:82px;
    padding:12px 16px;
    gap:14px;
  }
  .v1578-mainnav{
    gap:10px;
  }
  .v1578-nav-pill,
  .v1578-nav-login{
    min-height:50px;
    padding:0 18px;
    border-radius:18px;
  }
  .v1578-nav-pill span,
  .v1578-nav-login span{
    font-size:14px;
  }
}
@media (max-width: 760px){
  .v1578-topbar{padding:10px 10px 0;}
  .v1578-topbar-inner{
    min-height:74px;
    padding:10px 12px;
    justify-content:space-between;
    border-radius:24px;
  }
  .v1578-nav-login{
    min-width:52px;
    width:52px;
    padding:0;
    border-radius:16px;
  }
  .v1578-mainnav{
    position:fixed;
    left:8px;
    right:8px;
    bottom:8px;
    z-index:30;
    padding:8px;
    border:1px solid rgba(168,233,255,.70);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(14,73,121,.94),rgba(7,49,85,.96));
    box-shadow:0 18px 35px rgba(0,0,0,.28);
    gap:6px;
  }
  .v1578-mainnav .v1578-nav-pill{
    flex:1;
    min-height:46px;
    padding:0;
    font-size:0;
  }
  .v1578-mainnav .v1578-nav-pill span,
  .v1578-nav-login span{
    font-size:0;
  }
  .v1578-mainnav .v1578-nav-pill img,
  .v1578-nav-login img{
    width:22px;
    height:22px;
  }
}


/* v15.78b — implemented glass navigation without header logo */
.v1578-topbar{padding:20px 24px 0;}
.v1578-topbar-inner{
  width:min(100%,1380px);
  min-height:86px;
  margin:0 auto;
  padding:14px 18px;
  display:grid;
  grid-template-columns:170px minmax(0,1fr) 170px;
  align-items:center;
  gap:18px;
  border-radius:30px;
  border:1.5px solid rgba(168,233,255,.74);
  background:linear-gradient(180deg,rgba(42,168,255,.14),rgba(12,88,152,.12));
  box-shadow:0 16px 30px rgba(4,27,49,.16), inset 0 1px 0 rgba(255,255,255,.38);
  backdrop-filter:blur(18px) saturate(130%);
}
.v1578-nav-spacer{width:170px;height:54px;}
.v1578-mainnav{justify-self:center;display:flex;align-items:center;justify-content:center;gap:16px;min-width:0;}
.v1578-nav-pill,.v1578-nav-login{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:54px;padding:0 24px;text-decoration:none;
  border:1.4px solid rgba(180,231,255,.28);border-radius:20px;
  background:linear-gradient(180deg,rgba(22,88,145,.22),rgba(10,60,104,.16));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  color:#f3faff;font-size:15px;font-weight:900;letter-spacing:-.01em;
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.v1578-nav-pill img,.v1578-nav-login img{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));}
.v1578-nav-pill:hover,.v1578-nav-login:hover{
  background:linear-gradient(180deg,rgba(40,119,186,.28),rgba(12,72,121,.22));
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(3,31,56,.16), inset 0 1px 0 rgba(255,255,255,.18);
}
.v1578-nav-active{
  color:#15304f;
  border-color:rgba(255,218,72,.95);
  background:linear-gradient(180deg,#ffd74f,#f5bf17);
  box-shadow:0 8px 0 rgba(178,126,0,.75),0 16px 24px rgba(89,63,5,.18), inset 0 1px 0 rgba(255,255,255,.50);
}
.v1578-nav-active:hover{background:linear-gradient(180deg,#ffe061,#f7c521);}
.v1578-nav-login{
  justify-self:end;
  min-width:170px;
  padding:0 20px;
  border-color:rgba(157,229,255,.9);
  background:linear-gradient(180deg,rgba(61,168,255,.32),rgba(21,98,170,.30));
  box-shadow:0 12px 24px rgba(5,34,60,.16), inset 0 1px 0 rgba(255,255,255,.28);
}
.v1578-topbar .v1578-nav-pill:focus-visible,.v1578-topbar .v1578-nav-login:focus-visible{outline:2px solid rgba(255,213,59,.92);outline-offset:3px;}
@media (max-width: 980px){
  .v1578-topbar-inner{grid-template-columns:64px minmax(0,1fr) 154px;gap:12px;padding:12px 14px;}
  .v1578-nav-spacer{width:64px;height:50px;}
  .v1578-mainnav{gap:10px;}
  .v1578-nav-pill,.v1578-nav-login{min-height:50px;padding:0 18px;border-radius:18px;}
  .v1578-nav-pill span,.v1578-nav-login span{font-size:14px;}
}
@media (max-width: 760px){
  .v1578-topbar{padding:10px 10px 0;}
  .v1578-topbar-inner{grid-template-columns:1fr auto;min-height:74px;padding:10px 12px;border-radius:24px;}
  .v1578-nav-spacer{display:none;}
  .v1578-nav-login{min-width:52px;width:52px;padding:0;border-radius:16px;}
  .v1578-mainnav{position:fixed;left:8px;right:8px;bottom:8px;z-index:30;padding:8px;border:1px solid rgba(168,233,255,.70);border-radius:18px;background:linear-gradient(180deg,rgba(14,73,121,.94),rgba(7,49,85,.96));box-shadow:0 18px 35px rgba(0,0,0,.28);gap:6px;}
  .v1578-mainnav .v1578-nav-pill{flex:1;min-height:46px;padding:0;font-size:0;}
  .v1578-mainnav .v1578-nav-pill span,.v1578-nav-login span{font-size:0;}
  .v1578-mainnav .v1578-nav-pill img,.v1578-nav-login img{width:22px;height:22px;}
}


/* ==========================================================================
   v15.79 — Navigation Button Polish
   Only the glass-header buttons are restyled.
   ========================================================================== */

.v1578-nav-pill,
.v1578-nav-login{
  position:relative;
  overflow:hidden;
  min-height:56px!important;
  padding:0 24px!important;
  gap:11px!important;
  border-radius:18px!important;
  border:1px solid rgba(182,231,255,.34)!important;
  background:
    linear-gradient(180deg,rgba(47,150,221,.30),rgba(17,88,151,.24))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,43,83,.18),
    0 8px 18px rgba(3,37,66,.13)!important;
  color:#f7fbff!important;
  text-shadow:0 1px 2px rgba(4,32,58,.25);
  transform:translateY(0);
  transition:
    transform .16s ease,
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease!important;
}

.v1578-nav-pill::before,
.v1578-nav-login::before{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  opacity:.75;
  pointer-events:none;
}

.v1578-nav-pill::after,
.v1578-nav-login::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.12) 48%,transparent 60%);
  transform:translateX(-130%);
  transition:transform .35s ease;
  pointer-events:none;
}

.v1578-nav-pill:hover::after,
.v1578-nav-login:hover::after{
  transform:translateX(130%);
}

.v1578-nav-pill:hover,
.v1578-nav-login:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(190,237,255,.58)!important;
  background:
    linear-gradient(180deg,rgba(65,169,237,.38),rgba(20,101,170,.31))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -1px 0 rgba(0,43,83,.16),
    0 12px 24px rgba(2,36,64,.18)!important;
}

/* Icons get their own soft circular plate. */
.v1578-nav-pill img,
.v1578-nav-login img{
  width:22px!important;
  height:22px!important;
  padding:3px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 3px 8px rgba(4,34,60,.10);
  filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.16))!important;
}

.v1578-nav-pill span,
.v1578-nav-login span{
  position:relative;
  z-index:1;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:-.015em;
}

/* Active "Spielen" button: premium yellow, less chunky than before. */
.v1578-nav-active{
  color:#123553!important;
  text-shadow:none!important;
  border-color:#ffe26b!important;
  background:
    linear-gradient(180deg,#ffe66a 0%,#ffd63a 58%,#f7c41c 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 -2px 0 rgba(178,117,0,.20),
    0 5px 0 rgba(177,122,0,.72),
    0 12px 20px rgba(93,64,5,.18)!important;
}

.v1578-nav-active img{
  background:rgba(20,71,112,.08)!important;
  filter:none!important;
}

.v1578-nav-active:hover{
  transform:translateY(-2px)!important;
  background:
    linear-gradient(180deg,#ffec80 0%,#ffdb46 58%,#f8c928 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -2px 0 rgba(178,117,0,.18),
    0 6px 0 rgba(177,122,0,.70),
    0 15px 24px rgba(93,64,5,.20)!important;
}

/* Login pill slightly more prominent than normal nav items. */
.v1578-nav-login{
  min-width:174px!important;
  border-color:rgba(125,218,255,.68)!important;
  background:
    linear-gradient(180deg,rgba(43,171,246,.62),rgba(18,115,191,.56))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(0,55,103,.20),
    0 10px 20px rgba(2,44,77,.16)!important;
}

.v1578-nav-login:hover{
  background:
    linear-gradient(180deg,rgba(65,188,255,.72),rgba(22,127,205,.65))!important;
}

/* Keyboard focus stays visible but softer. */
.v1578-topbar .v1578-nav-pill:focus-visible,
.v1578-topbar .v1578-nav-login:focus-visible{
  outline:2px solid rgba(255,224,85,.95)!important;
  outline-offset:3px!important;
}

/* Tablet */
@media(max-width:980px){
  .v1578-nav-pill,
  .v1578-nav-login{
    min-height:52px!important;
    padding:0 18px!important;
    gap:9px!important;
  }
  .v1578-nav-pill img,
  .v1578-nav-login img{
    width:21px!important;
    height:21px!important;
  }
  .v1578-nav-pill span,
  .v1578-nav-login span{
    font-size:14px!important;
  }
}

/* Mobile: keep icon-only bottom bar, but make each icon button cleaner. */
@media(max-width:760px){
  .v1578-mainnav .v1578-nav-pill{
    min-height:48px!important;
    border-radius:13px!important;
    padding:0!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 4px 10px rgba(0,0,0,.12)!important;
  }

  .v1578-mainnav .v1578-nav-pill img,
  .v1578-nav-login img{
    width:24px!important;
    height:24px!important;
    padding:4px;
  }

  .v1578-nav-login{
    min-width:52px!important;
    width:52px!important;
    min-height:50px!important;
    padding:0!important;
  }

  .v1578-nav-active{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.65),
      0 4px 0 rgba(177,122,0,.68),
      0 8px 15px rgba(93,64,5,.16)!important;
  }
}


/* v15.80 — remove top-right Anmelden button from login page */
.v1578-nav-login{
  display:none!important;
}

.v1580-nav-end-spacer{
  width:170px;
  height:54px;
  justify-self:end;
}

@media (max-width:980px){
  .v1580-nav-end-spacer{
    width:154px;
    height:50px;
  }
}

@media (max-width:760px){
  .v1578-topbar-inner{
    grid-template-columns:1fr!important;
  }

  .v1580-nav-end-spacer{
    display:none!important;
  }
}


/* ==========================================================================
   v15.81 — Login/Register window visual polish
   Adapts the auth card and both forms to the glassy site language.
   ========================================================================== */

.v1535-auth-card{
  min-height:648px!important;
  padding:46px 28px 0!important;
  border:1px solid transparent!important;
  border-radius:34px!important;
  background:
    linear-gradient(180deg, rgba(12,54,86,.90), rgba(9,42,69,.86)) padding-box,
    linear-gradient(180deg, rgba(176,237,255,.56), rgba(123,202,245,.28) 42%, rgba(255,214,83,.22) 100%) border-box!important;
  box-shadow:
    0 30px 58px rgba(2,26,48,.24),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(3,30,53,.18)!important;
  backdrop-filter: blur(16px) saturate(130%);
}
.v1535-auth-card::before{
  content:'';
  position:absolute;
  inset:14px 14px auto 14px;
  height:88px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0));
  pointer-events:none;
}
.v1535-card-ball{
  top:-30px!important;
  width:64px!important;height:64px!important;
  background:linear-gradient(180deg,#255b89,#153d63)!important;
  border:1px solid rgba(180,232,255,.40);
  box-shadow:0 12px 24px rgba(6,33,55,.24), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.v1535-card-ball::after{
  content:'';position:absolute;inset:-6px;border-radius:50%;
  border:1px solid rgba(174,226,255,.24);
}
.v1535-card-ball img{width:52px!important;height:52px!important}

.v1535-auth-card>header{padding-top:22px!important;position:relative;z-index:1;}
.v1535-auth-card>header h2{
  font-size:31px!important;
  line-height:1.08!important;
  color:#f8fcff;
  text-shadow:0 2px 10px rgba(5,30,50,.18);
}
.v1535-auth-card>header p{
  margin-top:12px!important;
  color:#c5dced!important;
  font-size:15px!important;
}
.v1535-auth-form{gap:16px!important;margin-top:30px!important;position:relative;z-index:1;}

.v1535-field{
  height:78px!important;
  padding:13px 58px 11px 64px!important;
  border:1px solid rgba(168,229,255,.38)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg, rgba(41,109,164,.34), rgba(14,61,100,.44))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 8px 18px rgba(2,30,53,.08)!important;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.v1535-field>img{
  left:16px!important;
  width:24px!important;height:24px!important;
  padding:7px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.v1535-field>span{
  color:#a9cde5!important;
  font-size:10px!important;
  font-weight:900!important;
  margin-bottom:6px!important;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.v1535-field input{
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:-.01em;
}
.v1535-field input::placeholder{color:rgba(223,237,247,.58)!important}
.v1535-field:focus-within{
  transform:translateY(-1px);
  border-color:rgba(255,214,83,.70)!important;
  background:linear-gradient(180deg, rgba(48,122,181,.40), rgba(17,70,113,.50))!important;
  box-shadow:0 0 0 3px rgba(255,214,83,.14), inset 0 1px 0 rgba(255,255,255,.12), 0 14px 24px rgba(2,30,53,.14)!important;
}
.v1535-field:focus-within>span{color:#ffd95c!important}
.v1535-eye{
  right:14px!important;
  width:38px!important;height:38px!important;
  border:1px solid rgba(164,223,255,.18);
  background:rgba(255,255,255,.05)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.v1535-eye:hover{background:rgba(255,255,255,.10)!important}

.v1535-options{
  margin-top:4px!important;
  color:#d9edf8!important;
  font-size:13px!important;
}
.v1535-remember{gap:10px!important}
.v1535-remember span{
  width:20px!important;height:20px!important;
  border-radius:6px!important;
  border:1px solid rgba(167,226,255,.46)!important;
  background:linear-gradient(180deg, rgba(73,171,239,.75), rgba(36,121,198,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.v1535-forgot{color:#cbe6f8!important;font-size:12px!important}

.v1535-primary,.v1535-secondary{
  height:62px!important;
  border-radius:18px!important;
  gap:12px!important;
  position:relative;
  overflow:hidden;
}
.v1535-primary::before,.v1535-secondary::before{
  content:'';position:absolute;left:12%;right:12%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
}
.v1535-primary{
  margin-top:6px!important;
  background:linear-gradient(180deg,#ffe56c 0%, #ffd53c 56%, #f6c31a 100%)!important;
  color:#123a5b!important;
  box-shadow:0 6px 0 #c08c04, 0 18px 26px rgba(90,64,8,.18)!important;
}
.v1535-primary:hover{transform:translateY(-1px)}
.v1535-primary img,.v1535-secondary img{width:26px!important;height:26px!important}
.v1535-primary span,.v1535-secondary span{font-size:16px!important;font-weight:900!important}
.v1535-primary b{font-size:22px!important;margin-left:auto!important}
.v1535-secondary{
  border:1px solid rgba(170,229,255,.34)!important;
  background:linear-gradient(180deg, rgba(45,114,169,.24), rgba(14,61,100,.20))!important;
  color:#f3fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 20px rgba(2,30,53,.10)!important;
}
.v1535-secondary:hover{transform:translateY(-1px);background:linear-gradient(180deg, rgba(54,128,187,.28), rgba(18,75,119,.24))!important}

.v1535-divider{gap:14px!important;color:#d0e6f5!important;font-size:13px!important;margin:2px 0!important}
.v1535-divider span{background:linear-gradient(90deg, rgba(194,217,235,.10), rgba(194,217,235,.46), rgba(194,217,235,.10))!important}
.v1535-divider em{padding:0 4px;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900;color:#bcd8eb}

.v1535-auth-error{
  margin-top:18px!important;
  border:1px solid rgba(255,182,182,.24);
  border-radius:14px!important;
  background:linear-gradient(180deg, rgba(193,56,70,.95), rgba(160,39,52,.98))!important;
  box-shadow:0 10px 20px rgba(98,20,30,.16);
}

.v1535-security{
  gap:14px!important;
  margin:30px -28px 0!important;
  padding:20px 28px 24px!important;
  border-top:1px solid rgba(191,224,244,.16)!important;
  background:linear-gradient(180deg, rgba(12,57,91,.26), rgba(9,44,73,.48))!important;
  border-radius:0 0 32px 32px!important;
}
.v1535-security img{
  width:26px!important;height:26px!important;
  padding:6px;border-radius:12px;
  background:rgba(255,255,255,.08);
}
.v1535-security b{font-size:15px!important}
.v1535-security small{font-size:12px!important;line-height:1.5!important;color:#c3d9ea!important}

@media (max-width: 980px){
  .v1535-auth-card{padding:42px 22px 0!important;border-radius:30px!important;}
  .v1535-card-ball{width:58px!important;height:58px!important;top:-28px!important;}
  .v1535-card-ball img{width:48px!important;height:48px!important;}
  .v1535-auth-card>header h2{font-size:28px!important;}
  .v1535-field{height:74px!important;padding-left:60px!important;padding-right:54px!important;}
  .v1535-security{margin-left:-22px!important;margin-right:-22px!important;padding-left:22px!important;padding-right:22px!important;}
}
@media (max-width: 760px){
  .v1535-auth-card{padding:40px 18px 0!important;border-radius:26px!important;}
  .v1535-auth-card>header h2{font-size:25px!important;}
  .v1535-auth-card>header p{font-size:14px!important;}
  .v1535-auth-form{gap:14px!important;margin-top:24px!important;}
  .v1535-field{height:70px!important;padding:12px 52px 10px 58px!important;border-radius:18px!important;}
  .v1535-field>img{left:14px!important;width:22px!important;height:22px!important;padding:6px;}
  .v1535-field input{font-size:15px!important;}
  .v1535-primary,.v1535-secondary{height:58px!important;}
  .v1535-primary span,.v1535-secondary span{font-size:15px!important;}
  .v1535-security{margin-left:-18px!important;margin-right:-18px!important;padding:18px 18px 20px!important;border-radius:0 0 24px 24px!important;}
}


/* ==========================================================================
   v15.82 — Pokémon-style transparent Login/Register window
   More transparent, softer and more game-like without changing functionality.
   ========================================================================== */

.v1535-auth-card{
  min-height:648px!important;
  padding:46px 28px 0!important;
  border:1px solid rgba(159,225,255,.50)!important;
  border-radius:34px!important;
  background:
    linear-gradient(180deg,rgba(9,53,89,.72) 0%,rgba(7,42,72,.66) 56%,rgba(5,35,61,.72) 100%)!important;
  box-shadow:
    0 28px 60px rgba(2,25,47,.22),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 0 36px rgba(62,166,233,.06)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  overflow:hidden;
}

/* soft glass highlight */
.v1535-auth-card::before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:14px!important;
  height:130px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.14),transparent 34%),
    linear-gradient(180deg,rgba(108,199,255,.10),rgba(108,199,255,0))!important;
  pointer-events:none!important;
  z-index:0!important;
}

/* large subtle Poké Ball watermark */
.v1535-auth-card::after{
  content:""!important;
  position:absolute!important;
  right:-66px!important;
  bottom:88px!important;
  width:210px!important;
  height:210px!important;
  border:10px solid rgba(155,220,255,.055)!important;
  border-radius:50%!important;
  background:
    linear-gradient(
      180deg,
      transparent 0 46%,
      rgba(155,220,255,.055) 46% 54%,
      transparent 54% 100%
    )!important;
  pointer-events:none!important;
  z-index:0!important;
}
.v1535-auth-card>header,
.v1535-auth-form,
.v1535-security,
.v1535-auth-error{
  position:relative;
  z-index:2;
}

/* Poké Ball badge above card */
.v1535-card-ball{
  top:-31px!important;
  width:66px!important;
  height:66px!important;
  border:1px solid rgba(175,232,255,.46)!important;
  background:
    radial-gradient(circle at 36% 22%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(180deg,rgba(37,101,153,.92),rgba(15,57,94,.94))!important;
  box-shadow:
    0 12px 25px rgba(3,30,54,.24),
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 0 6px rgba(33,132,204,.08)!important;
}
.v1535-card-ball img{
  width:54px!important;
  height:54px!important;
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.20));
}

/* Heading */
.v1535-auth-card>header{
  padding-top:23px!important;
}
.v1535-auth-card>header h2{
  font-size:31px!important;
  line-height:1.07!important;
  color:#f8fcff!important;
  text-shadow:0 3px 12px rgba(3,31,55,.22)!important;
}
.v1535-auth-card>header h2 strong{
  color:#ffd73f!important;
  text-shadow:0 2px 8px rgba(132,91,0,.14)!important;
}
.v1535-auth-card>header p{
  margin-top:11px!important;
  color:#d1e7f5!important;
  font-size:14.5px!important;
}

/* transparent glass inputs */
.v1535-field{
  height:76px!important;
  padding:13px 58px 11px 64px!important;
  border:1px solid rgba(161,222,255,.30)!important;
  border-radius:20px!important;
  background:
    linear-gradient(180deg,rgba(38,105,160,.24),rgba(13,59,99,.28))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 18px rgba(1,24,44,.07)!important;
  backdrop-filter:blur(7px);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.v1535-field>img{
  left:16px!important;
  width:38px!important;
  height:38px!important;
  padding:8px!important;
  border-radius:13px!important;
  background:
    linear-gradient(180deg,rgba(72,164,228,.20),rgba(28,100,159,.14))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 4px 10px rgba(1,28,50,.08)!important;
  opacity:.96!important;
}
.v1535-field>span{
  color:#acd2e8!important;
  font-size:9.5px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.v1535-field input{
  color:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
}
.v1535-field input::placeholder{
  color:rgba(222,239,249,.58)!important;
}

.v1535-field:focus-within{
  transform:translateY(-1px)!important;
  border-color:rgba(255,216,72,.65)!important;
  background:
    linear-gradient(180deg,rgba(47,124,184,.31),rgba(16,68,111,.34))!important;
  box-shadow:
    0 0 0 3px rgba(255,216,72,.10),
    0 12px 24px rgba(1,28,50,.12),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.v1535-field:focus-within>span{
  color:#ffe06a!important;
}
.v1535-field:focus-within>img{
  background:
    linear-gradient(180deg,rgba(255,218,77,.19),rgba(255,218,77,.08))!important;
}

/* password eye */
.v1535-eye{
  right:14px!important;
  width:38px!important;
  height:38px!important;
  border:1px solid rgba(164,223,255,.16)!important;
  background:rgba(255,255,255,.045)!important;
}
.v1535-eye:hover{
  background:rgba(255,255,255,.09)!important;
}

/* remembered login */
.v1535-options{
  color:#dceefa!important;
  font-size:12.5px!important;
}
.v1535-remember span{
  width:20px!important;
  height:20px!important;
  border-radius:7px!important;
  border:1px solid rgba(151,220,255,.50)!important;
  background:
    linear-gradient(180deg,rgba(68,167,235,.74),rgba(31,113,191,.88))!important;
}
.v1535-forgot{
  color:#c9e5f6!important;
}

/* Main yellow CTA — Poké Ball inspired */
.v1535-primary{
  height:62px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,234,132,.48)!important;
  color:#143a59!important;
  background:
    linear-gradient(180deg,#ffe872 0%,#ffd63a 58%,#f4bf15 100%)!important;
  box-shadow:
    0 5px 0 rgba(182,126,0,.82),
    0 16px 26px rgba(88,59,3,.16),
    inset 0 1px 0 rgba(255,255,255,.65)!important;
}
.v1535-primary:hover{
  transform:translateY(-1px)!important;
  background:
    linear-gradient(180deg,#ffef8a 0%,#ffdd49 58%,#f8c825 100%)!important;
}
.v1535-primary img{
  width:29px!important;
  height:29px!important;
  filter:drop-shadow(0 2px 3px rgba(7,40,66,.12));
}

/* Secondary CTA */
.v1535-secondary{
  height:60px!important;
  border-radius:18px!important;
  border:1px solid rgba(155,220,255,.28)!important;
  color:#f3fbff!important;
  background:
    linear-gradient(180deg,rgba(48,129,188,.22),rgba(12,61,103,.20))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 20px rgba(1,25,46,.08)!important;
}
.v1535-secondary:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(177,231,255,.40)!important;
  background:
    linear-gradient(180deg,rgba(58,143,205,.27),rgba(15,72,117,.25))!important;
}

/* divider */
.v1535-divider{
  color:#c3ddeb!important;
}
.v1535-divider span{
  background:
    linear-gradient(90deg,transparent,rgba(164,215,244,.38),transparent)!important;
}
.v1535-divider em{
  color:#bcd7e8!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

/* Security strip feels like part of the glass card */
.v1535-security{
  margin:30px -28px 0!important;
  padding:20px 28px 23px!important;
  border-top:1px solid rgba(163,216,245,.12)!important;
  border-radius:0 0 32px 32px!important;
  background:
    linear-gradient(180deg,rgba(7,48,82,.20),rgba(5,35,61,.38))!important;
}
.v1535-security img{
  width:38px!important;
  height:38px!important;
  padding:8px!important;
  border-radius:14px!important;
  background:
    linear-gradient(180deg,rgba(72,166,231,.18),rgba(24,94,152,.14))!important;
}
.v1535-security b{
  font-size:14.5px!important;
}
.v1535-security small{
  color:#c6dceb!important;
  font-size:11.5px!important;
}

/* subtle decorative sparkles */
.v1535-auth-card>header::before,
.v1535-auth-card>header::after{
  content:"✦";
  position:absolute;
  color:rgba(255,218,64,.75);
  font-size:12px;
  text-shadow:0 0 9px rgba(255,218,64,.30);
}
.v1535-auth-card>header::before{
  left:20px;
  top:38px;
}
.v1535-auth-card>header::after{
  right:22px;
  top:58px;
  font-size:9px;
  color:rgba(151,222,255,.68);
}

/* Mobile */
@media(max-width:980px){
  .v1535-auth-card{
    padding:43px 22px 0!important;
    border-radius:30px!important;
  }
  .v1535-security{
    margin-left:-22px!important;
    margin-right:-22px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
}

@media(max-width:760px){
  .v1535-auth-card{
    padding:40px 18px 0!important;
    border-radius:26px!important;
    background:
      linear-gradient(180deg,rgba(9,53,89,.78),rgba(6,39,67,.76))!important;
  }
  .v1535-auth-card::after{
    width:150px!important;
    height:150px!important;
    right:-50px!important;
    bottom:95px!important;
  }
  .v1535-field{
    height:68px!important;
    padding:11px 50px 9px 56px!important;
    border-radius:18px!important;
  }
  .v1535-field>img{
    left:12px!important;
    width:34px!important;
    height:34px!important;
    padding:7px!important;
  }
  .v1535-auth-card>header h2{
    font-size:25px!important;
  }
  .v1535-primary,
  .v1535-secondary{
    height:57px!important;
  }
  .v1535-security{
    margin-left:-18px!important;
    margin-right:-18px!important;
    padding:18px 18px 20px!important;
    border-radius:0 0 24px 24px!important;
  }
}

/* ==========================================================================
   v15.83 — Login/Register fine tune after live review
   Goals:
   - remove empty blur space in top navigation on login page
   - make hero overlay softer and more natural
   - make auth card more transparent / more Pokémon-like
   - make inputs and secondary CTA feel softer and higher-quality
   ========================================================================== */

/* --- Header / navigation balance ---------------------------------------- */
.v1578-nav-spacer,
.v1580-nav-end-spacer{
  display:none!important;
}

.v1578-topbar{
  padding:18px 24px 0!important;
}

.v1578-topbar-inner{
  width:min(100%,1380px)!important;
  min-height:84px!important;
  margin:0 auto!important;
  padding:12px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  border-radius:30px!important;
  border:1px solid rgba(178,233,255,.68)!important;
  background:
    linear-gradient(180deg,rgba(118,208,255,.17),rgba(32,126,198,.12))!important;
  box-shadow:
    0 14px 28px rgba(3,27,48,.14),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(3,48,84,.10)!important;
  backdrop-filter:blur(20px) saturate(132%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(132%)!important;
}

.v1578-mainnav{
  flex:0 1 auto!important;
  width:auto!important;
  justify-content:center!important;
  gap:14px!important;
}

.v1578-nav-pill{
  min-height:54px!important;
  padding:0 24px!important;
  border-radius:18px!important;
}

/* --- Hero side softer / less blocky ------------------------------------- */
.v1535-hero-copy{
  max-width:720px!important;
  padding:10px 0 20px 8px!important;
}

.v1535-hero-copy::before{
  left:-14px!important;
  top:-16px!important;
  right:62px!important;
  bottom:-16px!important;
  border-radius:36px!important;
  background:
    linear-gradient(90deg,rgba(8,53,89,.33) 0%,rgba(8,53,89,.24) 32%,rgba(8,53,89,.12) 60%,rgba(8,53,89,.03) 80%,rgba(8,53,89,0) 100%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0) 56%),
    radial-gradient(circle at 14% 16%,rgba(255,255,255,.15),transparent 30%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 30px rgba(3,29,54,.05)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}

.v1574-hero-lockup{
  margin-left:-10px!important;
  width:min(100%,575px)!important;
  margin-bottom:15px!important;
}

.v1535-hero-copy>p{
  max-width:610px!important;
  color:#edf7ff!important;
  text-shadow:0 2px 10px rgba(5,30,50,.16)!important;
}

.v1535-benefits{
  margin-top:26px!important;
}

.v1535-benefits article{
  position:relative;
}

.v1535-benefits article::before{
  content:"";
  position:absolute;
  inset:-4px 10px auto 10px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  opacity:.65;
}

/* --- Auth card: more transparent, lighter and more game-like ------------- */
.v1535-auth-card{
  min-height:646px!important;
  padding:44px 28px 0!important;
  border:1px solid rgba(171,232,255,.46)!important;
  border-radius:34px!important;
  background:
    linear-gradient(180deg,rgba(8,48,82,.58) 0%,rgba(7,40,68,.54) 52%,rgba(5,34,60,.62) 100%)!important;
  box-shadow:
    0 26px 56px rgba(2,25,47,.18),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 48px rgba(92,188,245,.06)!important;
  backdrop-filter:blur(22px) saturate(138%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(138%)!important;
}

.v1535-auth-card::before{
  left:16px!important;
  right:16px!important;
  top:14px!important;
  height:138px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(255,255,255,.16),transparent 32%),
    radial-gradient(circle at 84% 16%,rgba(113,205,255,.08),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0))!important;
}

.v1535-auth-card::after{
  right:-54px!important;
  bottom:86px!important;
  width:194px!important;
  height:194px!important;
  border-width:9px!important;
  border-color:rgba(156,220,255,.05)!important;
  background:
    linear-gradient(180deg,transparent 0 46%,rgba(156,220,255,.05) 46% 54%,transparent 54% 100%)!important;
}

.v1535-card-ball{
  top:-30px!important;
  width:64px!important;
  height:64px!important;
  border:1px solid rgba(184,234,255,.44)!important;
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.20),transparent 34%),
    linear-gradient(180deg,rgba(41,112,169,.90),rgba(15,58,96,.92))!important;
}

.v1535-auth-card>header h2{
  font-size:32px!important;
  line-height:1.06!important;
  text-shadow:0 3px 12px rgba(3,31,55,.18)!important;
}

.v1535-auth-card>header p{
  color:#d5e9f7!important;
}

/* --- Inputs: softer glass treatment -------------------------------------- */
.v1535-auth-form{
  gap:15px!important;
  margin-top:28px!important;
}

.v1535-field{
  height:74px!important;
  padding:13px 56px 10px 62px!important;
  border:1px solid rgba(167,226,255,.28)!important;
  border-radius:20px!important;
  background:
    linear-gradient(180deg,rgba(57,134,193,.18),rgba(17,69,110,.26))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(0,28,50,.12),
    0 8px 18px rgba(1,24,44,.05)!important;
}

.v1535-field::before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  pointer-events:none;
}

.v1535-field>img{
  left:15px!important;
  width:36px!important;
  height:36px!important;
  padding:8px!important;
  border-radius:13px!important;
  background:
    linear-gradient(180deg,rgba(90,180,235,.18),rgba(27,99,158,.11))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 5px 12px rgba(1,28,50,.06)!important;
}

.v1535-field>span{
  color:#bedcef!important;
  font-size:9.5px!important;
  letter-spacing:.11em!important;
}

.v1535-field input{
  font-size:16px!important;
  color:#ffffff!important;
}

.v1535-field input::placeholder{
  color:rgba(231,243,250,.52)!important;
}

.v1535-field:focus-within{
  transform:translateY(-1px)!important;
  border-color:rgba(126,214,255,.56)!important;
  background:
    linear-gradient(180deg,rgba(67,151,212,.24),rgba(21,79,125,.33))!important;
  box-shadow:
    0 0 0 3px rgba(105,205,255,.11),
    0 14px 24px rgba(1,28,50,.10),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

.v1535-field:focus-within>span{
  color:#eef9ff!important;
}

.v1535-field:focus-within>img{
  background:
    linear-gradient(180deg,rgba(255,221,98,.16),rgba(106,190,245,.14))!important;
}

.v1535-eye{
  right:14px!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  border:1px solid rgba(170,227,255,.14)!important;
  background:rgba(255,255,255,.05)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* --- Checkbox / micro text ------------------------------------------------ */
.v1535-options{
  margin-top:2px!important;
  color:#deeff9!important;
}

.v1535-forgot{
  color:#d7ecfa!important;
}

/* --- Buttons -------------------------------------------------------------- */
.v1535-primary,
.v1535-secondary{
  position:relative;
  overflow:hidden;
  height:60px!important;
  border-radius:18px!important;
}

.v1535-primary::after,
.v1535-secondary::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,.12) 50%,transparent 62%);
  transform:translateX(-130%);
  transition:transform .36s ease;
  pointer-events:none;
}

.v1535-primary:hover::after,
.v1535-secondary:hover::after{
  transform:translateX(130%);
}

.v1535-primary{
  border:1px solid rgba(255,231,133,.52)!important;
  background:
    linear-gradient(180deg,#ffeb7d 0%,#ffd845 56%,#f4c51a 100%)!important;
  box-shadow:
    0 5px 0 rgba(184,128,0,.78),
    0 15px 24px rgba(88,59,3,.14),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
}

.v1535-primary span,
.v1535-secondary span{
  font-size:16px!important;
}

.v1535-primary b{
  font-size:22px!important;
}

.v1535-secondary{
  border:1px solid rgba(165,226,255,.30)!important;
  color:#f5fbff!important;
  background:
    linear-gradient(180deg,rgba(71,161,220,.19),rgba(15,67,109,.22))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,28,50,.10),
    0 10px 18px rgba(1,25,46,.06)!important;
}

.v1535-secondary:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(187,235,255,.44)!important;
  background:
    linear-gradient(180deg,rgba(84,176,231,.24),rgba(18,79,125,.26))!important;
}

.v1535-secondary img{
  padding:5px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

/* --- Divider / security strip -------------------------------------------- */
.v1535-divider{
  margin:3px 0!important;
}

.v1535-security{
  gap:14px!important;
  margin:28px -28px 0!important;
  padding:18px 28px 22px!important;
  border-top:1px solid rgba(165,220,247,.10)!important;
  border-radius:0 0 32px 32px!important;
  background:
    linear-gradient(180deg,rgba(10,55,89,.18),rgba(5,35,61,.34))!important;
}

.v1535-security img{
  width:36px!important;
  height:36px!important;
  padding:8px!important;
  border-radius:14px!important;
}

/* --- Responsive tuning ---------------------------------------------------- */
@media (max-width:980px){
  .v1578-topbar-inner{
    min-height:80px!important;
    padding:11px 14px!important;
  }
  .v1578-mainnav{
    gap:10px!important;
  }
  .v1578-nav-pill{
    min-height:50px!important;
    padding:0 18px!important;
  }
  .v1578-nav-pill span{
    font-size:14px!important;
  }

  .v1535-hero-copy{
    max-width:100%!important;
    padding-left:0!important;
  }
  .v1535-hero-copy::before{
    right:0!important;
  }

  .v1574-hero-lockup{
    width:min(100%,555px)!important;
    margin-left:-6px!important;
  }

  .v1535-auth-card{
    max-width:410px!important;
    margin-right:0!important;
    padding:42px 22px 0!important;
  }
  .v1535-security{
    margin-left:-22px!important;
    margin-right:-22px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
}

@media (max-width:760px){
  .v1578-topbar{
    padding:10px 10px 0!important;
  }
  .v1578-topbar-inner{
    min-height:72px!important;
    border-radius:24px!important;
  }
  .v1578-mainnav{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    z-index:30!important;
    width:auto!important;
    padding:8px!important;
    border:1px solid rgba(168,233,255,.70)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(14,73,121,.94),rgba(7,49,85,.96))!important;
    box-shadow:0 18px 35px rgba(0,0,0,.28)!important;
    gap:6px!important;
  }
  .v1578-mainnav .v1578-nav-pill{
    flex:1!important;
    min-height:48px!important;
    padding:0!important;
    border-radius:13px!important;
  }
  .v1578-mainnav .v1578-nav-pill span{font-size:0!important;}
  .v1578-mainnav .v1578-nav-pill img{width:24px!important;height:24px!important;padding:4px!important;}

  .v1535-hero-copy::before{
    left:-6px!important;
    right:-6px!important;
    top:-8px!important;
    bottom:-10px!important;
    border-radius:26px!important;
    background:
      linear-gradient(180deg,rgba(8,53,89,.20),rgba(8,53,89,.08))!important;
  }

  .v1574-hero-lockup{
    width:86%!important;
    margin-left:0!important;
  }

  .v1535-auth-card{
    padding:38px 18px 0!important;
    border-radius:26px!important;
    background:
      linear-gradient(180deg,rgba(8,48,82,.72),rgba(6,39,67,.70))!important;
  }
  .v1535-auth-card::after{
    width:146px!important;
    height:146px!important;
    right:-46px!important;
    bottom:96px!important;
  }
  .v1535-field{
    height:68px!important;
    padding:11px 50px 9px 56px!important;
  }
  .v1535-field>img{
    left:12px!important;
    width:34px!important;
    height:34px!important;
    padding:7px!important;
  }
  .v1535-primary,
  .v1535-secondary{
    height:57px!important;
  }
  .v1535-security{
    margin-left:-18px!important;
    margin-right:-18px!important;
    padding:18px 18px 20px!important;
    border-radius:0 0 24px 24px!important;
  }
}


/* v15.84 — live review apply */
@media (min-width: 981px){
  .v1535-topbar{padding:10px 22px 0!important;}
  .v1578-topbar-inner,
  .v1535-topbar-inner{
    width:min(100%,1340px)!important;
    min-height:86px!important;
    padding:10px 20px!important;
    grid-template-columns:88px minmax(0,1fr) 88px!important;
    border-radius:28px!important;
    border:1.5px solid rgba(214,240,255,.40)!important;
    background:linear-gradient(180deg,rgba(171,216,255,.22),rgba(97,164,224,.12))!important;
    box-shadow:0 18px 50px rgba(6,25,45,.16), inset 0 1px 0 rgba(255,255,255,.30)!important;
    backdrop-filter:blur(22px) saturate(130%)!important;
  }
  .v1578-nav-spacer,
  .v1580-nav-end-spacer{display:block!important;width:68px;height:1px;}
  .v1578-mainnav{justify-content:center!important;gap:16px!important;}
  .v1578-nav-pill{
    min-height:50px!important;
    padding:0 24px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 10px 22px rgba(6,28,48,.10)!important;
  }
  .v1578-nav-pill.v1578-nav-active{
    border-color:rgba(255,219,94,.72)!important;
    background:linear-gradient(180deg,#ffe368,#f3c820)!important;
    box-shadow:0 8px 18px rgba(124,90,10,.18), inset 0 1px 0 rgba(255,255,255,.32)!important;
  }
  .v1578-nav-pill.v1578-nav-active span,
  .v1578-nav-pill.v1578-nav-active img{filter:none!important;color:#10375e!important;}

  .v1535-main{
    width:min(calc(100% - 54px),1360px)!important;
    padding:34px 0 10px!important;
  }
  .v1535-auth-layout{
    grid-template-columns:minmax(0,1fr) 390px!important;
    gap:56px!important;
    align-items:start!important;
    min-height:calc(100svh - 208px)!important;
  }
  .v1535-hero-copy{
    max-width:760px!important;
    padding:42px 32px 34px!important;
    margin-top:96px!important;
    position:relative!important;
  }
  .v1535-hero-copy::before{
    left:-10px!important; right:-10px!important; top:-18px!important; bottom:-16px!important;
    border-radius:34px!important;
    border:1px solid rgba(219,239,255,.18)!important;
    background:linear-gradient(180deg,rgba(179,214,246,.23),rgba(105,154,210,.12))!important;
    box-shadow:0 28px 60px rgba(7,30,52,.10)!important;
    backdrop-filter:blur(13px)!important;
  }
  .v1574-hero-lockup{
    width:min(100%,520px)!important;
    margin:0 0 22px -4px!important;
  }
  .v1535-hero-copy>p{
    max-width:520px!important;
    margin-top:8px!important;
    font-size:17px!important;
    line-height:1.46!important;
  }
  .v1535-benefits{
    max-width:540px!important;
    margin-top:26px!important;
    gap:16px!important;
  }
  .v1535-benefits img{width:62px!important;height:62px!important;}

  .v1535-auth-card{
    margin-top:36px!important;
    min-height:auto!important;
    padding:42px 22px 0!important;
    border-radius:32px!important;
    border:1.5px solid rgba(132,205,255,.56)!important;
    background:linear-gradient(180deg,rgba(12,63,106,.82),rgba(7,42,73,.90))!important;
    box-shadow:0 26px 58px rgba(4,20,36,.25), inset 0 1px 0 rgba(255,255,255,.12)!important;
    backdrop-filter:blur(18px) saturate(126%)!important;
  }
  .v1535-auth-card::before,
  .v1535-auth-card::after{opacity:.45!important;}
  .v1535-card-ball{top:-20px!important;}
  .v1535-auth-card>header h2{font-size:26px!important;line-height:1.12!important;}
  .v1535-auth-card>header p{font-size:15px!important;}
  .v1535-field{
    height:68px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(33,83,128,.70),rgba(21,65,104,.82))!important;
    border:1.4px solid rgba(119,191,245,.62)!important;
  }
  .v1535-primary{height:58px!important;border-radius:18px!important;}
  .v1535-secondary{height:56px!important;border-radius:18px!important;background:rgba(20,81,129,.22)!important;}
  .v1535-security{background:linear-gradient(180deg,rgba(11,56,93,.14),rgba(11,56,93,.30))!important;}
  .v1535-footer{padding-top:6px!important;}
}

@media (max-width: 980px){
  .v1535-auth-layout{gap:24px!important;}
  .v1535-hero-copy{padding:18px 10px 10px!important;}
  .v1535-hero-copy::before{left:-4px!important;right:-4px!important;top:-8px!important;bottom:-8px!important;}
  .v1574-hero-lockup{width:min(100%,480px)!important;margin:0 0 18px 0!important;}
}

/* ========================================================================== 
   v15.85 — Strong visual match pass
   This intentionally overrides the old frosted blocks with a much cleaner
   transparent hero treatment and a lighter Pokémon-inspired auth card.
   ========================================================================== */

/* --- HERO: remove the big milky rectangle -------------------------------- */
.v1535-hero-copy{
  position:relative!important;
  isolation:isolate!important;
  max-width:760px!important;
  padding:38px 20px 34px!important;
  margin-top:86px!important;
}
.v1535-hero-copy::before{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  left:-8px!important;
  top:-22px!important;
  width:690px!important;
  height:430px!important;
  right:auto!important;
  bottom:auto!important;
  border:0!important;
  border-radius:42px!important;
  background:
    radial-gradient(ellipse at 42% 48%,rgba(22,96,158,.23) 0%,rgba(17,81,139,.14) 42%,rgba(17,81,139,.06) 65%,rgba(17,81,139,0) 82%)!important;
  box-shadow:none!important;
  backdrop-filter:blur(1.5px)!important;
  -webkit-backdrop-filter:blur(1.5px)!important;
  mask-image:radial-gradient(ellipse at 44% 50%,#000 0 58%,rgba(0,0,0,.72) 70%,transparent 92%)!important;
  -webkit-mask-image:radial-gradient(ellipse at 44% 50%,#000 0 58%,rgba(0,0,0,.72) 70%,transparent 92%)!important;
}
.v1535-hero-copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:6px;
  top:-2px;
  width:610px;
  height:340px;
  border-radius:38px;
  border:1px solid rgba(215,241,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0));
  pointer-events:none;
  mask-image:linear-gradient(90deg,#000 0 74%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,#000 0 74%,transparent 100%);
}
.v1574-hero-lockup{
  width:min(100%,560px)!important;
  margin:0 0 20px -4px!important;
}
.v1535-hero-copy>p{
  max-width:555px!important;
  font-size:16.5px!important;
  line-height:1.48!important;
  color:#f2f9ff!important;
  text-shadow:0 2px 10px rgba(4,29,50,.22)!important;
}
.v1535-benefits{
  max-width:555px!important;
  margin-top:24px!important;
  gap:16px!important;
}
.v1535-benefits img{
  width:58px!important;
  height:58px!important;
  filter:drop-shadow(0 7px 14px rgba(7,24,41,.16))!important;
}

/* hero sparkles */
.v1585-hero-sparkles{position:absolute;inset:0;pointer-events:none;z-index:3}
.v1585-hero-sparkles i{position:absolute;width:9px;height:9px;transform:rotate(45deg);background:#ffe04b;box-shadow:0 0 12px rgba(255,224,75,.82);border-radius:2px}
.v1585-hero-sparkles i:nth-child(1){left:4px;top:48px;width:7px;height:7px}
.v1585-hero-sparkles i:nth-child(2){left:312px;top:42px;width:6px;height:6px}
.v1585-hero-sparkles i:nth-child(3){left:528px;top:148px;width:8px;height:8px}
.v1585-hero-sparkles i:nth-child(4){left:26px;top:224px;width:6px;height:6px}
.v1585-hero-sparkles i:nth-child(5){left:468px;top:292px;width:5px;height:5px}

/* --- LOGIN CARD: lighter, more transparent, clearer glass ---------------- */
.v1535-auth-card{
  position:relative!important;
  overflow:visible!important;
  width:390px!important;
  min-height:auto!important;
  margin-top:34px!important;
  margin-right:0!important;
  padding:44px 22px 0!important;
  border:1.5px solid rgba(165,224,255,.48)!important;
  border-radius:32px!important;
  background:
    linear-gradient(180deg,rgba(13,75,127,.62) 0%,rgba(9,58,102,.56) 42%,rgba(7,43,76,.66) 100%)!important;
  box-shadow:
    0 24px 52px rgba(2,24,43,.20),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 0 38px rgba(87,189,248,.06)!important;
  backdrop-filter:blur(19px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(19px) saturate(135%)!important;
}
.v1535-auth-card::before{
  content:""!important;
  position:absolute!important;
  inset:10px 10px auto 10px!important;
  height:125px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 22% 0%,rgba(255,255,255,.12),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0))!important;
  pointer-events:none!important;
  z-index:0!important;
}
.v1535-auth-card::after{
  content:""!important;
  position:absolute!important;
  right:14px!important;
  top:18px!important;
  width:70px!important;
  height:70px!important;
  bottom:auto!important;
  border:7px solid rgba(178,229,255,.055)!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,transparent 0 45%,rgba(178,229,255,.055) 45% 55%,transparent 55%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.v1535-card-ball{
  top:-24px!important;
  width:58px!important;
  height:58px!important;
  background:linear-gradient(180deg,rgba(40,109,163,.95),rgba(17,62,101,.96))!important;
  border:1px solid rgba(181,233,255,.44)!important;
  box-shadow:0 10px 22px rgba(3,27,48,.20),0 0 0 5px rgba(73,170,229,.08),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.v1535-card-ball img{width:48px!important;height:48px!important}
.v1535-auth-card>header{padding-top:18px!important;position:relative;z-index:2!important}
.v1535-auth-card>header h2{font-size:28px!important;line-height:1.08!important}
.v1535-auth-card>header p{font-size:14px!important;color:#d8ebf7!important;margin-top:10px!important}

/* subtle card sparkles */
.v1585-card-decor{position:absolute;inset:0;pointer-events:none;z-index:3}
.v1585-card-decor i{position:absolute;width:7px;height:7px;transform:rotate(45deg);background:#ffe04b;border-radius:2px;box-shadow:0 0 11px rgba(255,224,75,.8)}
.v1585-card-decor i:nth-child(1){left:17px;top:64px;width:5px;height:5px}
.v1585-card-decor i:nth-child(2){right:18px;top:88px;width:4px;height:4px;background:#b9ecff;box-shadow:0 0 9px rgba(185,236,255,.75)}
.v1585-card-decor i:nth-child(3){right:24px;bottom:70px;width:6px;height:6px}

/* Fields: transparent blue glass rather than dark blocks */
.v1535-auth-form{gap:13px!important;margin-top:24px!important;position:relative;z-index:2!important}
.v1535-field{
  height:68px!important;
  padding:11px 52px 9px 58px!important;
  border:1px solid rgba(170,226,255,.30)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(66,145,202,.16),rgba(16,69,111,.22))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 16px rgba(2,25,45,.05)!important;
}
.v1535-field>img{
  left:13px!important;
  width:34px!important;
  height:34px!important;
  padding:7px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(91,181,236,.19),rgba(37,111,168,.13))!important;
}
.v1535-field>span{font-size:9px!important;letter-spacing:.11em!important;color:#bddced!important}
.v1535-field input{font-size:15.5px!important;color:#fff!important}
.v1535-field:focus-within{
  border-color:rgba(118,211,255,.55)!important;
  background:linear-gradient(180deg,rgba(69,151,211,.24),rgba(21,79,125,.30))!important;
  box-shadow:0 0 0 3px rgba(104,201,255,.10),0 12px 22px rgba(1,28,50,.09),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.v1535-eye{right:11px!important;width:34px!important;height:34px!important;border-radius:11px!important;background:rgba(255,255,255,.05)!important}

/* Buttons */
.v1535-primary{
  height:58px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,233,141,.52)!important;
  background:linear-gradient(180deg,#ffeb78 0%,#ffd846 58%,#f5c31a 100%)!important;
  box-shadow:0 5px 0 rgba(182,126,0,.74),0 14px 22px rgba(88,59,3,.13),inset 0 1px 0 rgba(255,255,255,.66)!important;
}
.v1535-secondary{
  height:56px!important;
  border-radius:18px!important;
  border:1px solid rgba(173,229,255,.30)!important;
  background:linear-gradient(180deg,rgba(76,165,222,.17),rgba(18,75,119,.20))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 18px rgba(2,25,45,.05)!important;
}
.v1535-secondary:hover{background:linear-gradient(180deg,rgba(91,181,235,.23),rgba(22,88,137,.26))!important}
.v1535-security{
  margin:26px -22px 0!important;
  padding:17px 22px 20px!important;
  border-radius:0 0 30px 30px!important;
  background:linear-gradient(180deg,rgba(8,51,87,.12),rgba(6,38,67,.27))!important;
  border-top:1px solid rgba(173,222,247,.10)!important;
}

/* --- FOOTER: transparent glass instead of dark solid strip --------------- */
.v1535-footer{
  background:linear-gradient(180deg,rgba(8,47,79,.36),rgba(6,39,67,.42))!important;
  border-top:1px solid rgba(164,217,246,.20)!important;
  box-shadow:0 -8px 24px rgba(3,24,44,.08),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(12px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(125%)!important;
}

@media(max-width:980px){
  .v1535-hero-copy{margin-top:12px!important;padding:24px 10px 20px!important}
  .v1535-hero-copy::before{width:100%!important;height:100%!important;left:0!important;top:0!important;mask-image:none!important;-webkit-mask-image:none!important;background:linear-gradient(180deg,rgba(15,79,132,.14),rgba(15,79,132,.05))!important;backdrop-filter:blur(2px)!important}
  .v1535-hero-copy::after{display:none!important}
  .v1585-hero-sparkles{display:none}
  .v1574-hero-lockup{width:min(100%,520px)!important;margin-left:0!important}
  .v1535-auth-card{width:min(100%,430px)!important;margin:0 auto!important}
}

@media(max-width:760px){
  .v1535-hero-copy{padding:18px 8px 12px!important}
  .v1535-auth-card{width:100%!important;padding:38px 16px 0!important;border-radius:26px!important}
  .v1535-security{margin-left:-16px!important;margin-right:-16px!important;border-radius:0 0 24px 24px!important}
}

/* ========================================================================== 
   v15.86 — responsive wide monitor and soft glass refinement
   ========================================================================== */

:root{
  --v1586-main-max:1720px;
  --v1586-card-w:clamp(370px,24vw,420px);
  --v1586-hero-w:clamp(620px,46vw,820px);
}

.v1535-main{
  width:min(calc(100% - clamp(28px,4vw,84px)), var(--v1586-main-max))!important;
  padding:52px 0 26px!important;
}

.v1535-auth-layout{
  grid-template-columns:minmax(620px,1.1fr) minmax(370px,var(--v1586-card-w))!important;
  gap:clamp(34px,4vw,96px)!important;
  align-items:start!important;
  min-height:calc(100svh - 210px)!important;
}

.v1535-hero-copy{
  max-width:var(--v1586-hero-w)!important;
  padding:clamp(28px,2.2vw,40px) clamp(20px,2vw,30px) clamp(26px,2vw,34px)!important;
  margin-top:clamp(72px,10vh,120px)!important;
}

.v1535-hero-copy::before{
  left:-6px!important;
  top:-18px!important;
  width:clamp(560px,40vw,720px)!important;
  height:clamp(330px,28vw,430px)!important;
  border:1px solid rgba(214,241,255,.12)!important;
  border-radius:36px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important,
    linear-gradient(135deg,rgba(42,124,186,.18),rgba(20,93,152,.10))!important;
  box-shadow:
    0 18px 40px rgba(3,25,43,.08),
    inset 0 1px 0 rgba(255,255,255,.14)!important;
  backdrop-filter:blur(8px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(118%)!important;
  mask-image:linear-gradient(90deg,#000 0 78%, transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0 78%, transparent 100%)!important;
}

.v1535-hero-copy::after{
  left:10px!important;
  top:10px!important;
  width:clamp(520px,36vw,640px)!important;
  height:clamp(290px,24vw,360px)!important;
  border-radius:32px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))!important;
  mask-image:linear-gradient(90deg,#000 0 82%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0 82%,transparent 100%)!important;
}

.v1574-hero-lockup{
  width:min(100%, clamp(500px,36vw,590px))!important;
  margin:0 0 18px 0!important;
}

.v1535-hero-copy>p{
  max-width:560px!important;
  color:rgba(247,252,255,.97)!important;
  text-shadow:0 2px 12px rgba(4,29,50,.24)!important;
}

.v1535-benefits{
  max-width:560px!important;
  margin-top:26px!important;
}

.v1535-auth-card{
  width:var(--v1586-card-w)!important;
  justify-self:end!important;
  margin-top:clamp(22px,4.5vh,42px)!important;
  border-color:rgba(171,228,255,.42)!important;
  background:
    linear-gradient(180deg,rgba(13,77,128,.60) 0%,rgba(10,64,108,.56) 42%,rgba(8,48,84,.63) 100%)!important;
  box-shadow:
    0 24px 54px rgba(2,24,43,.18),
    inset 0 1px 0 rgba(255,255,255,.21),
    inset 0 0 46px rgba(127,205,255,.06)!important;
}

.v1535-auth-card>header p{color:#deeffa!important}

.v1535-field{
  border-color:rgba(186,235,255,.34)!important;
  background:linear-gradient(180deg,rgba(103,177,226,.18),rgba(30,96,144,.20))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -8px 18px rgba(6,41,68,.08),
    0 10px 18px rgba(2,25,45,.04)!important;
}
.v1535-field>img{
  background:linear-gradient(180deg,rgba(122,205,255,.22),rgba(58,132,186,.15))!important;
}
.v1535-field>span{color:#d3e9f7!important}
.v1535-field input::placeholder{color:rgba(235,246,252,.82)!important;opacity:1!important}
.v1535-field:focus-within{
  border-color:rgba(148,226,255,.68)!important;
  background:linear-gradient(180deg,rgba(119,191,236,.26),rgba(40,108,158,.28))!important;
  box-shadow:
    0 0 0 3px rgba(127,212,255,.10),
    0 14px 24px rgba(1,28,50,.07),
    inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.v1535-eye{background:rgba(255,255,255,.08)!important}

.v1535-secondary{
  border-color:rgba(193,238,255,.46)!important;
  background:linear-gradient(180deg,rgba(109,194,237,.18),rgba(25,92,139,.22))!important;
  box-shadow:
    0 0 0 1px rgba(214,245,255,.08) inset,
    0 0 18px rgba(137,217,255,.12),
    0 12px 20px rgba(2,25,45,.05)!important;
}
.v1535-secondary:hover{
  border-color:rgba(215,245,255,.60)!important;
  background:linear-gradient(180deg,rgba(132,209,245,.24),rgba(37,105,153,.28))!important;
  box-shadow:
    0 0 0 1px rgba(225,248,255,.10) inset,
    0 0 22px rgba(143,223,255,.18),
    0 14px 22px rgba(2,25,45,.06)!important;
}

.v1578-topbar{padding:22px 24px 0!important}
.v1578-topbar-inner{
  width:min(calc(100% - 8px), 1510px)!important;
  min-height:86px!important;
  padding:10px 20px!important;
  border-color:rgba(186,233,255,.44)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(74,165,220,.24),rgba(51,139,204,.18))!important;
  box-shadow:0 18px 38px rgba(3,24,44,.10), inset 0 1px 0 rgba(255,255,255,.22)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  gap:18px!important;
}
.v1578-nav-spacer,.v1580-nav-end-spacer{width:72px!important}
.v1578-mainnav{gap:18px!important}
.v1578-nav-pill{
  min-height:48px!important;
  padding:0 24px!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;
  border:1px solid rgba(196,236,255,.18)!important;
}
.v1578-nav-pill:hover{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05))!important}
.v1578-nav-active{
  padding:0 28px!important;
  box-shadow:0 8px 18px rgba(153,117,2,.14), inset 0 1px 0 rgba(255,255,255,.52)!important;
}

@media (min-width: 1700px){
  .v1535-main{width:min(calc(100% - 72px), 1820px)!important}
  .v1535-auth-layout{grid-template-columns:minmax(680px,1.18fr) 430px!important;gap:110px!important}
  .v1535-hero-copy{margin-top:94px!important}
}

@media (max-width: 1200px){
  .v1535-main{width:min(calc(100% - 32px), 1320px)!important}
  .v1535-auth-layout{grid-template-columns:minmax(0,1fr) 390px!important;gap:38px!important}
  .v1535-hero-copy{max-width:700px!important;margin-top:56px!important}
  .v1535-hero-copy::before{width:min(100%,620px)!important;height:360px!important}
}

@media (max-width: 980px){
  .v1535-main{width:min(calc(100% - 22px), 760px)!important;padding-top:32px!important}
  .v1535-auth-layout{grid-template-columns:1fr!important;gap:22px!important}
  .v1535-hero-copy{max-width:100%!important;margin-top:8px!important;padding:22px 14px 18px!important}
  .v1535-hero-copy::before{
    left:0!important;top:0!important;width:100%!important;height:100%!important;
    border-radius:28px!important;
    mask-image:none!important;-webkit-mask-image:none!important;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)),linear-gradient(180deg,rgba(35,113,170,.18),rgba(18,86,141,.10))!important;
    backdrop-filter:blur(5px) saturate(116%)!important;
    -webkit-backdrop-filter:blur(5px) saturate(116%)!important;
  }
  .v1535-hero-copy::after{display:none!important}
  .v1535-auth-card{width:min(100%,430px)!important;justify-self:center!important;margin-top:0!important}
  .v1578-topbar-inner{width:min(calc(100% - 8px), 100%)!important;padding:10px 14px!important}
}


/* ========================================================================== 
   v15.87 — Hero glass + input harmony
   User review: subtle hero glass that fully contains the benefit icons,
   plus lighter input surfaces without the dark autofill rectangle.
   ========================================================================== */

/* Hero: one real glass card instead of a fixed-height pseudo panel. This
   keeps all four benefit icons inside the glass at every desktop resolution. */
.v1535-hero-copy{
  position:relative!important;
  overflow:visible!important;
  border:1px solid rgba(213,241,255,.13)!important;
  border-radius:34px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    linear-gradient(135deg,rgba(21,104,167,.105),rgba(7,62,118,.075))!important;
  box-shadow:
    0 20px 46px rgba(3,28,49,.055),
    inset 0 1px 0 rgba(255,255,255,.085)!important;
  backdrop-filter:blur(5px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(5px) saturate(112%)!important;
  padding-bottom:clamp(30px,2.4vw,40px)!important;
}
.v1535-hero-copy::before,
.v1535-hero-copy::after{
  display:none!important;
  content:none!important;
}
.v1535-benefits{
  position:relative!important;
  z-index:2!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
}
.v1535-benefits article{
  position:relative!important;
  z-index:2!important;
}

/* Inputs: much softer glass. Remove the dark inner browser/autofill block. */
.v1535-field{
  border:1px solid rgba(200,239,255,.34)!important;
  background:
    linear-gradient(180deg,rgba(122,197,239,.145),rgba(63,133,184,.125))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.115),
    inset 0 -10px 22px rgba(10,54,88,.025),
    0 8px 18px rgba(2,25,45,.035)!important;
}
.v1535-field:focus-within{
  border-color:rgba(160,226,255,.66)!important;
  background:
    linear-gradient(180deg,rgba(139,209,246,.20),rgba(71,144,195,.17))!important;
  box-shadow:
    0 0 0 3px rgba(128,213,255,.09),
    0 12px 22px rgba(1,28,50,.045),
    inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.v1535-field input,
.v1535-field input:hover,
.v1535-field input:focus{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  color:#fff!important;
  caret-color:#fff!important;
}
.v1535-field>span{color:rgba(221,242,252,.92)!important}
.v1535-field input::placeholder{color:rgba(235,247,253,.70)!important}

/* Chromium/Opera autofill previously painted a dark-blue rectangle inside
   the field. Force it to use the same soft glass tone instead. */
.v1535-field input:-webkit-autofill,
.v1535-field input:-webkit-autofill:hover,
.v1535-field input:-webkit-autofill:focus,
.v1535-field input:-webkit-autofill:active{
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px rgba(104,181,226,.085) inset!important;
  box-shadow:0 0 0 1000px rgba(104,181,226,.085) inset!important;
  border-radius:10px!important;
  transition:background-color 9999s ease-out 0s!important;
}

/* Keep the secondary CTA consistent with the new lighter input glass. */
.v1535-secondary{
  border-color:rgba(206,243,255,.52)!important;
  background:linear-gradient(180deg,rgba(121,201,241,.19),rgba(37,105,152,.19))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 18px rgba(145,221,255,.13),
    0 10px 19px rgba(2,25,45,.04)!important;
}
.v1535-secondary:hover{
  border-color:rgba(226,249,255,.68)!important;
  background:linear-gradient(180deg,rgba(145,217,248,.25),rgba(52,121,169,.23))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 0 24px rgba(151,226,255,.19),
    0 12px 22px rgba(2,25,45,.045)!important;
}

/* Wide-monitor polish: the card stays proportional instead of leaving an
   excessive visual gap, while the hero remains readable on ultrawide screens. */
@media (min-width:1700px){
  .v1535-auth-layout{
    grid-template-columns:minmax(720px,1.15fr) 440px!important;
    gap:clamp(72px,5vw,112px)!important;
  }
  .v1535-auth-card{width:440px!important;}
  .v1535-hero-copy{max-width:820px!important;}
}

@media (max-width:980px){
  .v1535-hero-copy{
    border-radius:28px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),
      linear-gradient(180deg,rgba(28,108,166,.12),rgba(13,75,129,.08))!important;
    backdrop-filter:blur(4px) saturate(110%)!important;
    -webkit-backdrop-filter:blur(4px) saturate(110%)!important;
  }
}

/* ========================================================================== 
   v15.88 — input glass color correction
   Fixes Opera/Chromium autofill rendering too bright/white while keeping
   username/password areas softer than the former dark-blue blocks.
   ========================================================================== */

.v1535-field{
  border-color:rgba(184,231,255,.38)!important;
  background:
    linear-gradient(180deg,rgba(70,151,202,.22),rgba(34,108,158,.22))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -8px 18px rgba(5,47,78,.035),
    0 8px 18px rgba(2,25,45,.035)!important;
}

.v1535-field:focus-within{
  border-color:rgba(151,220,255,.64)!important;
  background:
    linear-gradient(180deg,rgba(82,166,216,.27),rgba(42,118,168,.25))!important;
  box-shadow:
    0 0 0 3px rgba(128,210,255,.08),
    0 12px 22px rgba(1,28,50,.04),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

.v1535-field input,
.v1535-field input:hover,
.v1535-field input:focus{
  background:transparent!important;
  background-color:transparent!important;
  color:#f8fcff!important;
  -webkit-text-fill-color:#f8fcff!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  outline:none!important;
}

.v1535-field>span{
  color:rgba(220,240,251,.88)!important;
}
.v1535-field input::placeholder{
  color:rgba(226,243,252,.62)!important;
  opacity:1!important;
}

/* Opera/Chromium autofill: use a medium sky-blue fill instead of the browser
   white highlight or the old dark navy block. */
.v1535-field input:-webkit-autofill,
.v1535-field input:-webkit-autofill:hover,
.v1535-field input:-webkit-autofill:focus,
.v1535-field input:-webkit-autofill:active{
  -webkit-text-fill-color:#f8fcff!important;
  caret-color:#f8fcff!important;
  -webkit-box-shadow:0 0 0 1000px #397fae inset!important;
  box-shadow:0 0 0 1000px #397fae inset!important;
  border-radius:9px!important;
  background-color:#397fae!important;
  transition:background-color 9999s ease-out 0s!important;
}

/* Password managers can also paint their own inner surface. Keep it matched. */
.v1535-field input:-internal-autofill-selected{
  background-color:#397fae!important;
  color:#f8fcff!important;
}

/* ========================================================================== 
   v15.89 — seamless input autofill blend
   The browser-filled username/password area must visually merge into the
   surrounding field instead of appearing as a separate bright blue pill.
   ========================================================================== */
.v1535-field{
  border-color:rgba(187,232,255,.36)!important;
  background:linear-gradient(180deg,rgba(49,130,181,.31),rgba(25,94,143,.30))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -10px 22px rgba(4,43,72,.035),
    0 8px 18px rgba(2,25,45,.032)!important;
}
.v1535-field:focus-within{
  border-color:rgba(158,222,255,.62)!important;
  background:linear-gradient(180deg,rgba(58,142,193,.34),rgba(29,103,151,.32))!important;
  box-shadow:
    0 0 0 3px rgba(127,207,250,.075),
    inset 0 1px 0 rgba(255,255,255,.11),
    0 10px 20px rgba(1,28,50,.035)!important;
}
.v1535-field input,
.v1535-field input:hover,
.v1535-field input:focus{
  background:transparent!important;
  background-color:transparent!important;
  border-radius:4px!important;
  color:#f8fcff!important;
  -webkit-text-fill-color:#f8fcff!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}

/* Use practically the same mid-tone as the field glass. This hides the
   autofill rectangle instead of turning it white or into a lighter pill. */
.v1535-field input:-webkit-autofill,
.v1535-field input:-webkit-autofill:hover,
.v1535-field input:-webkit-autofill:focus,
.v1535-field input:-webkit-autofill:active{
  -webkit-text-fill-color:#f8fcff!important;
  caret-color:#f8fcff!important;
  -webkit-box-shadow:0 0 0 1000px #246b99 inset!important;
  box-shadow:0 0 0 1000px #246b99 inset!important;
  background-color:#246b99!important;
  border-radius:4px!important;
  transition:background-color 9999s ease-out 0s!important;
}
.v1535-field input:-internal-autofill-selected{
  background-color:#246b99!important;
  color:#f8fcff!important;
}


/* ========================================================================== 
   v15.90 — single-surface input fix
   Opera/Chromium must no longer paint a second pill-shaped surface inside
   the username/password field. Outer field and autofill use the exact same
   fill so the component reads as one continuous glass control.
   ========================================================================== */
.v1535-field{
  background:#236f9e!important;
  border:1px solid rgba(176,229,255,.40)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -8px 18px rgba(4,43,72,.05),
    0 8px 18px rgba(2,25,45,.03)!important;
}
.v1535-field:focus-within{
  background:#236f9e!important;
  border-color:rgba(169,229,255,.68)!important;
  box-shadow:
    0 0 0 3px rgba(126,210,255,.075),
    inset 0 1px 0 rgba(255,255,255,.12),
    0 10px 20px rgba(1,28,50,.035)!important;
}
.v1535-field input,
.v1535-field input:hover,
.v1535-field input:focus,
.v1535-field input:active{
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  outline:0!important;
  color:#f9fdff!important;
  -webkit-text-fill-color:#f9fdff!important;
}
.v1535-field input:-webkit-autofill,
.v1535-field input:-webkit-autofill:hover,
.v1535-field input:-webkit-autofill:focus,
.v1535-field input:-webkit-autofill:active{
  -webkit-text-fill-color:#f9fdff!important;
  caret-color:#f9fdff!important;
  -webkit-box-shadow:0 0 0 1000px #236f9e inset!important;
  box-shadow:0 0 0 1000px #236f9e inset!important;
  background:#236f9e!important;
  background-color:#236f9e!important;
  background-image:none!important;
  border-radius:0!important;
  transition:background-color 999999s ease-in-out 0s!important;
}
.v1535-field input:-internal-autofill-selected{
  background:#236f9e!important;
  background-color:#236f9e!important;
  color:#f9fdff!important;
}
.v1535-field>img{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(211,242,255,.08)!important;
}
.v1535-eye{
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(213,242,255,.08)!important;
}

/* ========================================================================== 
   v15.91 — refined login controls
   Softer transparent glass controls with no heavy inner fill. The username
   and password inputs now read as one elegant control instead of a blue bar.
   ========================================================================== */
.v1535-field{
  position:relative!important;
  height:70px!important;
  padding:11px 52px 9px 64px!important;
  overflow:hidden!important;
  border:1px solid rgba(188,232,255,.32)!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,rgba(113,190,232,.115) 0%,rgba(43,119,170,.095) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -1px 0 rgba(5,48,79,.10),
    0 8px 18px rgba(2,25,45,.025)!important;
  backdrop-filter:blur(8px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(116%)!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.v1535-field::before{
  content:""!important;
  position:absolute!important;
  left:53px!important;
  top:14px!important;
  bottom:14px!important;
  width:1px!important;
  background:linear-gradient(180deg,transparent,rgba(204,239,255,.16),transparent)!important;
  pointer-events:none!important;
}
.v1535-field::after{
  content:""!important;
  position:absolute!important;
  left:67px!important;
  right:50px!important;
  bottom:12px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(191,235,255,.12),rgba(191,235,255,.035),transparent)!important;
  pointer-events:none!important;
}
.v1535-field:focus-within{
  border-color:rgba(157,222,255,.58)!important;
  background:
    linear-gradient(180deg,rgba(119,198,240,.15) 0%,rgba(50,132,185,.13) 100%)!important;
  box-shadow:
    0 0 0 3px rgba(118,205,248,.065),
    inset 0 1px 0 rgba(255,255,255,.14),
    0 10px 22px rgba(2,25,45,.035)!important;
}

.v1535-field>img{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:32px!important;
  height:32px!important;
  padding:7px!important;
  border-radius:50%!important;
  border:1px solid rgba(207,241,255,.11)!important;
  background:linear-gradient(180deg,rgba(130,207,247,.12),rgba(64,143,194,.08))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  opacity:.94!important;
}

.v1535-field>span{
  display:block!important;
  margin:0 0 4px!important;
  color:rgba(205,236,250,.86)!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}

.v1535-field input,
.v1535-field input:hover,
.v1535-field input:focus,
.v1535-field input:active{
  display:block!important;
  width:100%!important;
  height:27px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  color:#f8fcff!important;
  -webkit-text-fill-color:#f8fcff!important;
  caret-color:#f8fcff!important;
  font-size:15px!important;
  font-weight:780!important;
  line-height:27px!important;
}
.v1535-field input::placeholder{
  color:rgba(231,245,252,.56)!important;
  opacity:1!important;
  font-weight:650!important;
}

/* Keep Opera/Chromium autofill transparent. background-clip:text prevents
   the browser from painting a separate rectangular fill behind the value. */
.v1535-field input:-webkit-autofill,
.v1535-field input:-webkit-autofill:hover,
.v1535-field input:-webkit-autofill:focus,
.v1535-field input:-webkit-autofill:active{
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:#f8fcff!important;
  caret-color:#f8fcff!important;
  background-color:transparent!important;
  background-image:none!important;
  -webkit-box-shadow:0 0 0 1000px transparent inset!important;
  box-shadow:0 0 0 1000px transparent inset!important;
  border-radius:0!important;
  transition:background-color 999999s ease-in-out 0s!important;
}
.v1535-field input:-internal-autofill-selected{
  background:transparent!important;
  background-color:transparent!important;
  color:#f8fcff!important;
}

.v1535-eye{
  right:12px!important;
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  border:1px solid rgba(211,242,255,.12)!important;
  background:linear-gradient(180deg,rgba(128,204,243,.10),rgba(54,129,178,.08))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.v1535-eye:hover{
  border-color:rgba(190,235,255,.28)!important;
  background:linear-gradient(180deg,rgba(144,215,249,.16),rgba(68,146,195,.12))!important;
  transform:translateY(-50%) scale(1.045)!important;
}
.v1535-eye img{width:17px!important;height:17px!important;opacity:.82!important}

@media(max-width:760px){
  .v1535-field{
    height:66px!important;
    padding:10px 48px 8px 60px!important;
    border-radius:17px!important;
  }
  .v1535-field::before{left:50px!important;top:13px!important;bottom:13px!important}
  .v1535-field::after{left:63px!important;right:46px!important;bottom:11px!important}
  .v1535-field>img{left:13px!important;width:30px!important;height:30px!important;padding:7px!important}
  .v1535-eye{right:10px!important;width:30px!important;height:30px!important}
}


/* ========================================================================== 
   v15.92 — unified glass inputs
   Opera/Chromium autofill-proof: the native input and the complete control
   intentionally use the exact same surface. No white/blue rectangle inside.
   ========================================================================== */
.v1535-field{
  --v1592-field:#2477a4;
  position:relative!important;
  height:68px!important;
  padding:10px 50px 9px 58px!important;
  overflow:hidden!important;
  color-scheme:dark!important;
  border:1px solid rgba(185,232,255,.34)!important;
  border-radius:18px!important;
  background:var(--v1592-field)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -14px 24px rgba(9,54,85,.075),
    0 8px 18px rgba(2,25,45,.025)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.v1535-field::before,
.v1535-field::after{display:none!important;content:none!important;}
.v1535-field:focus-within{
  --v1592-field:#287eaa;
  border-color:rgba(159,226,255,.58)!important;
  background:var(--v1592-field)!important;
  box-shadow:
    0 0 0 3px rgba(120,205,247,.07),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -14px 24px rgba(9,54,85,.07)!important;
}
.v1535-field>img{
  left:13px!important;
  width:34px!important;
  height:34px!important;
  padding:8px!important;
  border-radius:12px!important;
  border:1px solid rgba(214,243,255,.10)!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.v1535-field>span{
  margin:0 0 5px!important;
  color:rgba(221,241,250,.88)!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  line-height:1!important;
}
.v1535-field input,
.v1535-field input:hover,
.v1535-field input:focus,
.v1535-field input:active{
  display:block!important;
  width:100%!important;
  height:26px!important;
  min-height:26px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  color-scheme:dark!important;
  background:var(--v1592-field)!important;
  background-color:var(--v1592-field)!important;
  background-image:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  box-shadow:0 0 0 1000px var(--v1592-field) inset!important;
  -webkit-box-shadow:0 0 0 1000px var(--v1592-field) inset!important;
  color:#f8fcff!important;
  -webkit-text-fill-color:#f8fcff!important;
  caret-color:#f8fcff!important;
  font-size:15px!important;
  font-weight:780!important;
  line-height:26px!important;
}
.v1535-field input::placeholder{
  color:rgba(235,247,252,.56)!important;
  -webkit-text-fill-color:rgba(235,247,252,.56)!important;
  opacity:1!important;
}
.v1535-field input:-webkit-autofill,
.v1535-field input:-webkit-autofill:hover,
.v1535-field input:-webkit-autofill:focus,
.v1535-field input:-webkit-autofill:active{
  -webkit-text-fill-color:#f8fcff!important;
  caret-color:#f8fcff!important;
  background:var(--v1592-field)!important;
  background-color:var(--v1592-field)!important;
  background-image:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  -webkit-box-shadow:0 0 0 1000px var(--v1592-field) inset!important;
  box-shadow:0 0 0 1000px var(--v1592-field) inset!important;
  border:0!important;
  border-radius:0!important;
  transition:background-color 999999s ease-out 0s!important;
}
.v1535-field input:-internal-autofill-selected{
  background:var(--v1592-field)!important;
  background-color:var(--v1592-field)!important;
  color:#f8fcff!important;
}
.v1535-eye{
  right:11px!important;
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  border:1px solid rgba(213,242,255,.10)!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.v1535-eye:hover{
  border-color:rgba(197,237,255,.23)!important;
  background:rgba(255,255,255,.105)!important;
}
@media(max-width:760px){
  .v1535-field{height:64px!important;padding:9px 46px 8px 56px!important;border-radius:17px!important}
  .v1535-field>img{left:12px!important;width:32px!important;height:32px!important;padding:7px!important}
  .v1535-eye{right:9px!important;width:32px!important;height:32px!important}
}

/* ========================================================================== 
   v15.93 — mobile layout polish
   Dedicated phone layout: cleaner header, readable hero, contained benefit
   cards, compact auth panel and a footer without the old bottom-nav padding.
   ========================================================================== */
@media (max-width:760px){
  html,body.v1535-login-page{min-height:100%;}
  body.v1535-login-page{overflow-x:hidden!important;}

  /* Background keeps its focal point while the UI becomes a true one-column
     layout instead of a scaled desktop composition. */
  .v1535-scene{
    background-position:50% 28%!important;
  }
  .v1535-scene::before{
    background:
      linear-gradient(180deg,rgba(3,26,47,.08) 0%,rgba(3,26,47,.00) 28%,rgba(3,26,47,.05) 72%,rgba(3,26,47,.22) 100%)!important;
  }

  /* Top navigation: one clean floating glass bar. */
  .v1578-topbar,
  .v1535-topbar{
    padding:10px 10px 0!important;
  }
  .v1578-topbar-inner,
  .v1535-topbar-inner{
    width:min(calc(100% - 4px),430px)!important;
    min-height:72px!important;
    margin:0 auto!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:24px!important;
    border:1px solid rgba(196,236,255,.40)!important;
    background:linear-gradient(180deg,rgba(65,155,215,.26),rgba(27,108,169,.17))!important;
    box-shadow:0 14px 30px rgba(3,25,45,.12),inset 0 1px 0 rgba(255,255,255,.20)!important;
    backdrop-filter:blur(14px) saturate(122%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(122%)!important;
  }
  .v1578-nav-spacer,.v1580-nav-end-spacer{display:none!important;}
  .v1578-mainnav,
  .v1535-mainnav{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:5px!important;
    display:grid!important;
    grid-template-columns:repeat(4,48px)!important;
    gap:6px!important;
    border:1px solid rgba(184,230,255,.22)!important;
    border-radius:18px!important;
    background:rgba(6,54,93,.36)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }
  .v1578-mainnav .v1578-nav-pill,
  .v1535-mainnav .v1578-nav-pill{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
    border:1px solid rgba(208,240,255,.18)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .v1578-mainnav .v1578-nav-active{
    border-color:rgba(255,230,119,.50)!important;
    background:linear-gradient(180deg,rgba(255,224,83,.96),rgba(246,194,25,.96))!important;
    box-shadow:0 6px 14px rgba(121,85,4,.14),inset 0 1px 0 rgba(255,255,255,.48)!important;
  }
  .v1578-mainnav .v1578-nav-pill span{display:none!important;font-size:0!important;}
  .v1578-mainnav .v1578-nav-pill img{
    width:22px!important;
    height:22px!important;
    padding:0!important;
    margin:0!important;
  }

  /* Main mobile flow. */
  .v1535-main{
    width:min(calc(100% - 16px),430px)!important;
    margin:0 auto!important;
    padding:34px 0 18px!important;
  }
  .v1535-auth-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:48px!important;
    align-items:start!important;
    min-height:0!important;
  }

  /* Hero glass is now a compact phone card, not a giant blurred desktop box. */
  .v1535-hero-copy{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:28px 16px 22px!important;
    overflow:hidden!important;
    border-radius:28px!important;
    border:1px solid rgba(208,239,255,.24)!important;
    background:
      linear-gradient(180deg,rgba(81,165,220,.18),rgba(16,87,145,.15)),
      linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01))!important;
    box-shadow:0 18px 38px rgba(3,26,46,.08),inset 0 1px 0 rgba(255,255,255,.12)!important;
    backdrop-filter:blur(5px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(5px) saturate(112%)!important;
  }
  .v1535-hero-copy::before,.v1535-hero-copy::after{display:none!important;content:none!important;}
  .v1585-hero-sparkles{opacity:.70!important;transform:scale(.78);transform-origin:top left;}
  .v1574-hero-lockup{
    width:100%!important;
    max-width:350px!important;
    margin:0 auto 18px!important;
  }
  .v1574-hero-lockup>img{width:100%!important;height:auto!important;display:block!important;}
  .v1535-hero-copy>p{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    color:#f3faff!important;
    font-size:14px!important;
    line-height:1.48!important;
    letter-spacing:0!important;
    text-shadow:0 2px 9px rgba(3,28,48,.18)!important;
  }
  .v1535-hero-copy>p br{display:none!important;}

  /* Benefits become proper 2x2 mobile tiles. Text can no longer sit under
     the icons or escape outside the panel. */
  .v1535-benefits{
    width:100%!important;
    max-width:none!important;
    margin:24px 0 0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .v1535-benefits article{
    min-width:0!important;
    min-height:76px!important;
    padding:10px 9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    text-align:left!important;
    border-radius:16px!important;
    border:1px solid rgba(185,231,255,.16)!important;
    background:linear-gradient(180deg,rgba(10,104,169,.32),rgba(6,75,128,.26))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 16px rgba(2,25,45,.035)!important;
  }
  .v1535-benefits article::before{display:none!important;content:none!important;}
  .v1535-benefits img{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    object-fit:contain!important;
    filter:drop-shadow(0 5px 9px rgba(5,28,48,.13))!important;
  }
  .v1535-benefits b{
    min-width:0!important;
    display:block!important;
    margin:0!important;
    color:#f8fcff!important;
    font-size:11px!important;
    line-height:1.18!important;
    font-weight:850!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
    text-shadow:0 1px 4px rgba(3,26,45,.16)!important;
  }

  /* Login card: keep the good desktop language but tighten it for phones. */
  .v1535-auth-card{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:42px 14px 0!important;
    border-radius:28px!important;
    border:1px solid rgba(169,224,255,.40)!important;
    background:linear-gradient(180deg,rgba(12,76,128,.72),rgba(7,48,84,.76))!important;
    box-shadow:0 20px 42px rgba(2,24,43,.16),inset 0 1px 0 rgba(255,255,255,.16)!important;
    backdrop-filter:blur(14px) saturate(126%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(126%)!important;
  }
  .v1535-card-ball{
    top:-28px!important;
    width:56px!important;
    height:56px!important;
  }
  .v1535-card-ball img{width:46px!important;height:46px!important;}
  .v1535-auth-card>header{padding-top:12px!important;}
  .v1535-auth-card>header h2{font-size:27px!important;line-height:1.08!important;}
  .v1535-auth-card>header p{font-size:13px!important;line-height:1.35!important;margin-top:10px!important;}
  .v1535-auth-form{gap:12px!important;margin-top:22px!important;}

  .v1535-field{
    height:64px!important;
    padding:9px 44px 8px 54px!important;
    border-radius:16px!important;
  }
  .v1535-field>img{left:10px!important;width:32px!important;height:32px!important;padding:7px!important;border-radius:11px!important;}
  .v1535-field>span{font-size:8.5px!important;letter-spacing:.11em!important;margin-bottom:5px!important;}
  .v1535-field input,.v1535-field input:hover,.v1535-field input:focus,.v1535-field input:active{
    height:25px!important;
    min-height:25px!important;
    font-size:14px!important;
    line-height:25px!important;
  }
  .v1535-eye{right:8px!important;width:32px!important;height:32px!important;border-radius:11px!important;}
  .v1535-options{gap:8px!important;margin-top:1px!important;font-size:11px!important;}
  .v1535-remember{gap:7px!important;font-size:11px!important;white-space:nowrap!important;}
  .v1535-remember span{width:18px!important;height:18px!important;}
  .v1535-forgot{font-size:10px!important;white-space:nowrap!important;}

  .v1535-primary,.v1535-secondary{
    width:100%!important;
    height:56px!important;
    border-radius:17px!important;
  }
  .v1535-primary{margin-top:3px!important;}
  .v1535-primary img,.v1535-secondary img{width:25px!important;height:25px!important;}
  .v1535-primary span,.v1535-secondary span{font-size:15px!important;}
  .v1535-primary b{font-size:22px!important;}
  .v1535-divider{gap:9px!important;font-size:11px!important;margin:0 2px!important;}

  .v1535-security{
    margin:24px -14px 0!important;
    padding:17px 16px 19px!important;
    gap:10px!important;
    border-radius:0 0 27px 27px!important;
    background:linear-gradient(180deg,rgba(7,46,80,.11),rgba(5,36,64,.24))!important;
  }
  .v1535-security img{width:21px!important;height:21px!important;}
  .v1535-security b{font-size:14px!important;}
  .v1535-security small{font-size:11px!important;line-height:1.4!important;}

  /* Old mobile rules reserved ~86px for a fixed bottom nav. The nav is now
     in the header, so remove that empty footer area. */
  .v1535-footer{
    width:100%!important;
    margin-top:6px!important;
    padding:12px 12px 18px!important;
    background:linear-gradient(180deg,rgba(7,47,79,.38),rgba(5,37,64,.50))!important;
    backdrop-filter:blur(10px) saturate(118%)!important;
    -webkit-backdrop-filter:blur(10px) saturate(118%)!important;
  }
  .v1535-footer-inner{
    width:min(100%,410px)!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:6px!important;
    text-align:center!important;
  }
  .v1535-footer-brand{gap:7px!important;font-size:11px!important;}
  .v1535-footer-brand img{width:18px!important;height:18px!important;}
  .v1535-footer-brand span{font-size:10px!important;}
  .v1535-footer-brand em{padding:3px 7px!important;font-size:8px!important;}
  .v1535-footer-inner>p{margin:0!important;font-size:10px!important;}
  .v1535-footer nav{justify-self:center!important;gap:8px!important;font-size:8px!important;}
  .v1535-footer nav i{height:10px!important;}
}

@media (max-width:380px){
  .v1578-mainnav,.v1535-mainnav{grid-template-columns:repeat(4,44px)!important;gap:5px!important;}
  .v1578-mainnav .v1578-nav-pill,.v1535-mainnav .v1578-nav-pill{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;}
  .v1535-main{width:min(calc(100% - 12px),400px)!important;}
  .v1535-hero-copy{padding:24px 12px 18px!important;}
  .v1535-benefits{gap:8px!important;}
  .v1535-benefits article{padding:9px 7px!important;gap:6px!important;}
  .v1535-benefits img{flex-basis:40px!important;width:40px!important;height:40px!important;}
  .v1535-benefits b{font-size:10px!important;}
  .v1535-options{align-items:flex-start!important;}
  .v1535-remember{font-size:10px!important;}
  .v1535-forgot{font-size:9px!important;}
}

/* ========================================================================== 
   v15.94 — Mobile top navigation match
   Rebuilds the phone header to match the approved mockup: four labeled
   glass pills in one row, with a bright yellow active "Spielen" state.
   ========================================================================== */
@media (max-width:760px){
  .v1578-topbar,
  .v1535-topbar{
    padding:12px 10px 0!important;
  }

  .v1578-topbar-inner,
  .v1535-topbar-inner{
    width:min(calc(100% - 2px),430px)!important;
    min-height:76px!important;
    margin:0 auto!important;
    padding:7px!important;
    display:block!important;
    border-radius:25px!important;
    border:1px solid rgba(205,239,255,.52)!important;
    background:linear-gradient(180deg,rgba(104,190,239,.30),rgba(34,120,185,.20))!important;
    box-shadow:
      0 14px 30px rgba(3,26,46,.12),
      inset 0 1px 0 rgba(255,255,255,.25)!important;
    backdrop-filter:blur(16px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
  }

  .v1578-nav-spacer,
  .v1580-nav-end-spacer{
    display:none!important;
  }

  .v1578-mainnav,
  .v1535-mainnav{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:5px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    border:1px solid rgba(207,239,255,.20)!important;
    border-radius:19px!important;
    background:linear-gradient(180deg,rgba(9,72,119,.34),rgba(6,54,93,.28))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 5px 14px rgba(2,25,45,.05)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  .v1578-mainnav .v1578-nav-pill,
  .v1535-mainnav .v1578-nav-pill{
    width:auto!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:15px!important;
    border:1px solid rgba(210,240,255,.25)!important;
    background:linear-gradient(180deg,rgba(74,160,217,.22),rgba(18,90,145,.20))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 7px 14px rgba(2,25,45,.045)!important;
    overflow:hidden!important;
  }

  .v1578-mainnav .v1578-nav-pill:hover,
  .v1535-mainnav .v1578-nav-pill:hover{
    border-color:rgba(220,246,255,.38)!important;
    background:linear-gradient(180deg,rgba(91,176,228,.28),rgba(25,102,159,.25))!important;
  }

  .v1578-mainnav .v1578-nav-active,
  .v1535-mainnav .v1578-nav-active{
    border-color:rgba(255,229,101,.72)!important;
    background:linear-gradient(180deg,#ffe86e 0%,#ffd940 55%,#f5c820 100%)!important;
    box-shadow:
      0 5px 0 rgba(166,112,0,.58),
      0 10px 18px rgba(110,77,3,.13),
      inset 0 1px 0 rgba(255,255,255,.62)!important;
  }

  .v1578-mainnav .v1578-nav-pill span,
  .v1535-mainnav .v1578-nav-pill span{
    display:block!important;
    min-width:0!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:-.015em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    color:#eef9ff!important;
    text-shadow:0 1px 4px rgba(3,28,49,.18)!important;
  }

  .v1578-mainnav .v1578-nav-active span,
  .v1535-mainnav .v1578-nav-active span{
    color:#12395e!important;
    text-shadow:none!important;
  }

  .v1578-mainnav .v1578-nav-pill img,
  .v1535-mainnav .v1578-nav-pill img{
    flex:0 0 auto!important;
    width:16px!important;
    height:16px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    filter:drop-shadow(0 1px 3px rgba(2,25,44,.18))!important;
  }

  .v1578-mainnav .v1578-nav-active img,
  .v1535-mainnav .v1578-nav-active img{
    filter:brightness(.42) saturate(1.3)!important;
  }
}

@media (max-width:390px){
  .v1578-topbar-inner,
  .v1535-topbar-inner{
    width:min(calc(100% - 2px),390px)!important;
    padding:6px!important;
  }
  .v1578-mainnav,
  .v1535-mainnav{gap:4px!important;padding:4px!important;}
  .v1578-mainnav .v1578-nav-pill,
  .v1535-mainnav .v1578-nav-pill{
    height:48px!important;
    min-height:48px!important;
    padding:0 4px!important;
    gap:4px!important;
    border-radius:14px!important;
  }
  .v1578-mainnav .v1578-nav-pill span,
  .v1535-mainnav .v1578-nav-pill span{
    font-size:9.4px!important;
  }
  .v1578-mainnav .v1578-nav-pill img,
  .v1535-mainnav .v1578-nav-pill img{
    width:15px!important;
    height:15px!important;
  }
}

@media (max-width:350px){
  .v1578-mainnav .v1578-nav-pill,
  .v1535-mainnav .v1578-nav-pill{gap:3px!important;padding:0 3px!important;}
  .v1578-mainnav .v1578-nav-pill span,
  .v1535-mainnav .v1578-nav-pill span{font-size:8.5px!important;}
  .v1578-mainnav .v1578-nav-pill img,
  .v1535-mainnav .v1578-nav-pill img{width:14px!important;height:14px!important;}
}

/* ========================================================================== 
   v15.95 — Mobile menu fit / no clipped labels
   Keeps the approved four-button glass layout but guarantees that long
   labels like Community and Spielstände remain fully visible on phones.
   ========================================================================== */
@media (max-width:760px){
  .v1578-topbar,
  .v1535-topbar{
    padding:8px 4px 0!important;
  }

  .v1578-topbar-inner,
  .v1535-topbar-inner{
    width:min(calc(100% - 0px),430px)!important;
    padding:5px!important;
    border-radius:23px!important;
  }

  .v1578-mainnav,
  .v1535-mainnav{
    width:100%!important;
    padding:3px!important;
    gap:3px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    border-radius:17px!important;
    overflow:visible!important;
  }

  .v1578-mainnav .v1578-nav-pill,
  .v1535-mainnav .v1578-nav-pill{
    min-width:0!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 2px!important;
    gap:3px!important;
    border-radius:14px!important;
    overflow:visible!important;
  }

  .v1578-mainnav .v1578-nav-pill img,
  .v1535-mainnav .v1578-nav-pill img{
    flex:0 0 14px!important;
    width:14px!important;
    height:14px!important;
  }

  .v1578-mainnav .v1578-nav-pill span,
  .v1535-mainnav .v1578-nav-pill span{
    display:inline-block!important;
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    font-size:clamp(8px,2.3vw,9.6px)!important;
    line-height:1.05!important;
    font-weight:850!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:unset!important;
  }

  .v1578-mainnav .v1578-nav-active,
  .v1535-mainnav .v1578-nav-active{
    padding-left:4px!important;
    padding-right:4px!important;
  }
}

@media (max-width:390px){
  .v1578-topbar,
  .v1535-topbar{padding-left:3px!important;padding-right:3px!important;}
  .v1578-topbar-inner,
  .v1535-topbar-inner{padding:4px!important;}
  .v1578-mainnav,
  .v1535-mainnav{padding:3px!important;gap:2px!important;}
  .v1578-mainnav .v1578-nav-pill,
  .v1535-mainnav .v1578-nav-pill{
    height:48px!important;
    min-height:48px!important;
    padding:0 1px!important;
    gap:2px!important;
  }
  .v1578-mainnav .v1578-nav-pill img,
  .v1535-mainnav .v1578-nav-pill img{
    flex-basis:13px!important;
    width:13px!important;
    height:13px!important;
  }
  .v1578-mainnav .v1578-nav-pill span,
  .v1535-mainnav .v1578-nav-pill span{
    font-size:clamp(7.7px,2.25vw,8.9px)!important;
    letter-spacing:-.045em!important;
  }
}

@media (max-width:340px){
  .v1578-mainnav .v1578-nav-pill img,
  .v1535-mainnav .v1578-nav-pill img{
    flex-basis:12px!important;
    width:12px!important;
    height:12px!important;
  }
  .v1578-mainnav .v1578-nav-pill span,
  .v1535-mainnav .v1578-nav-pill span{
    font-size:7.4px!important;
    letter-spacing:-.055em!important;
  }
}