.portal-cover{color:#fbeddc;isolation:isolate;position:relative;background:#19121e url("assets/hero.webp") 59% center/cover no-repeat;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.portal-cover:before{position:absolute;content:"";inset:0;z-index:-1;background:linear-gradient(90deg,#160f1bef 1%,#1d1022bf 27%,#2013265c 55%,#21152b16 77%),linear-gradient(0deg,#160e1ae8,transparent 34%)}
.cover-bar,.cover-foot{display:flex;align-items:center;padding:clamp(18px,3.3vh,40px) clamp(22px,7vw,132px);gap:14px}
.cover-bar{justify-content:space-between}.cover-brand{display:flex;align-items:center;gap:10px;color:#fae7c8;font:500 29px var(--serif)}
.cover-brand svg{width:35px;height:35px;color:#d1aa74;fill:none;stroke:currentColor}
.cover-nav-login,.cover-back,.cover-link{font:500 13px var(--sans);color:#f4e2cd;cursor:pointer;appearance:none;border:0;background:transparent}
.cover-nav-login{padding:9px 17px;border:1px solid #d9b8886b;border-radius:24px;background:#21142177}.cover-nav-login span{color:#e2c18d;margin-left:8px}
.cover-content{padding:clamp(40px,9vh,140px) clamp(22px,9vw,160px);flex:1;display:flex;align-items:center;position:relative}
.cover-intro,.cover-auth{max-width:630px}
.cover-intro h1{font:500 clamp(76px,8.6vw,155px)/.82 var(--serif);letter-spacing:-.055em;color:#fff1dc;margin:0 0 clamp(24px,4vh,48px)}
.cover-intro h1 em{display:block;font-weight:400;color:#efd2a4}.cover-intro p{font:400 clamp(16px,1.3vw,21px)/1.55 var(--sans);color:#eee1da;max-width:39ch;margin-bottom:26px}
.cover-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.cover-gold{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #e4c89a;border-radius:7px;background:linear-gradient(110deg,#f1d7ae,#deb985);color:#291e1b;min-height:46px;padding:10px 21px;font:700 14px var(--sans);cursor:pointer}
.cover-gold:disabled{opacity:.65}.cover-link{font-weight:600;text-decoration:underline;text-underline-offset:5px;padding:10px 0}
.cover-foot{font:500 13px var(--sans);color:#dfd0c7;flex-wrap:wrap;border-top:1px solid #b898722e;background:#160f185e}
.cover-foot span:first-child{color:#d7b687;margin-right:10px}.cover-foot span:not(:first-child):not(:last-child):after{content:'·';color:#bba07c;margin-left:13px}
.cover-auth{width:min(410px,100%)}.cover-auth h2{font:500 clamp(40px,4.5vw,65px)/1 var(--serif);letter-spacing:-.035em;margin:16px 0 20px}
.cover-form{display:grid;gap:11px}.cover-form label{display:grid;gap:5px;font:550 13px var(--sans);color:#f1dfd1}
.cover-form input{width:100%;border:1px solid #b1936b91;border-radius:7px;color:#fff2dc;background:#1f1520dc;padding:12px 14px;font:400 16px var(--sans)}
.cover-back{padding:7px 0;color:#dbbf9a}.cover-error{color:#ffd1b2;font-size:13px}.cover-error:empty{display:none}.cover-auth .cover-link{margin-top:10px}
.cover-status{position:absolute;bottom:5px;color:#f7d9b9}.portal-cover~.skip-link{z-index:3}
.legal-links{display:flex;align-items:center;flex-wrap:wrap;gap:2px 18px;font:500 13px/1.45 var(--sans,sans-serif)}
.legal-links a{display:inline-flex;align-items:center;min-height:32px;color:#edd5ad;text-decoration:underline;text-decoration-color:#a88b63;text-underline-offset:4px}
.legal-links a:hover,.legal-links a:focus-visible{color:#fff1d6;text-decoration-color:currentColor}
.legal-links a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.wk-store>.legal-links{margin:0 0 12px}
@media(max-width:630px){
  .portal-cover{background-position:67% center}.portal-cover:before{background:linear-gradient(0deg,#160f1bf2 3%,#1d1022d9 38%,#20132654 78%,#160e1a75)}
  .cover-content{align-items:end;padding:clamp(88px,19vh,180px) 22px 35px}.cover-intro h1{font-size:clamp(70px,19vw,105px)}
  .cover-intro p{font-size:16px;line-height:1.5}.cover-actions{gap:15px}.cover-foot{font-size:11px;gap:8px;padding:14px 22px}
  .cover-foot span:first-child{width:100%}.cover-foot span:not(:first-child):not(:last-child):after{margin-left:8px}
}