:root{--beta-bg:#1f2023;--beta-panel:#27282b;--beta-panel-2:#303135;--beta-border:#424449;--beta-text:#fff;--beta-muted:#9a9da4}
html.pxls-beta-locked,html.pxls-beta-locked body{min-height:100%;overflow:hidden!important;background:var(--beta-bg)!important}
html.pxls-beta-locked body>*:not(#pxls-beta-gate){visibility:hidden!important}
#pxls-beta-gate{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;box-sizing:border-box;padding:clamp(18px,4vw,48px);overflow:hidden;visibility:visible!important;color:var(--beta-text);background:radial-gradient(circle at 13% 12%,rgba(47,164,183,.15),transparent 29%),radial-gradient(circle at 88% 88%,rgba(132,91,190,.17),transparent 32%),var(--beta-bg);font-family:Rubik,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#pxls-beta-gate:before,#pxls-beta-gate:after{content:"";position:absolute;width:min(48vw,620px);aspect-ratio:1;border-radius:46% 54% 60% 40%;filter:blur(82px);opacity:.22;pointer-events:none;animation:pxls-beta-drift 10s ease-in-out infinite alternate}
#pxls-beta-gate:before{top:-35%;left:-15%;background:#2aa6b8}#pxls-beta-gate:after{right:-17%;bottom:-39%;background:#8b5fc5;animation-delay:-4s}
.pxls-beta-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);grid-template-rows:auto 1fr;width:min(100%,940px);min-height:540px;box-sizing:border-box;overflow:hidden;border:1px solid var(--beta-border);border-radius:25px;background:radial-gradient(circle at 7% 100%,rgba(41,161,179,.13),transparent 34%),radial-gradient(circle at 86% 4%,rgba(127,91,188,.14),transparent 31%),var(--beta-panel);box-shadow:0 38px 110px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.1)}
.pxls-beta-topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:0 24px;border-bottom:1px solid var(--beta-border);background:rgba(31,32,35,.7)}
.pxls-beta-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:28px;font-weight:800;letter-spacing:-1.5px}.pxls-beta-logo svg{width:37px;height:37px;flex:0 0 37px;filter:drop-shadow(0 7px 13px rgba(0,0,0,.22))}
.pxls-beta-status{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--beta-border);border-radius:999px;color:#babdc3;background:var(--beta-panel-2);font-size:9px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.pxls-beta-status i{width:7px;height:7px;border-radius:50%;background:#68c5aa;box-shadow:0 0 0 4px rgba(104,197,170,.12),0 0 14px rgba(104,197,170,.6)}
.pxls-beta-intro{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(36px,5vw,64px);overflow:hidden}.pxls-beta-intro>*{position:relative;z-index:2}
.pxls-beta-kicker{display:inline-flex;align-items:center;align-self:flex-start;gap:7px;margin:0 0 19px;padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:9px;color:#c8cbd0;background:rgba(48,49,53,.76);font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
.pxls-beta-intro h1{max-width:510px;margin:0;color:#fff;font-size:clamp(43px,5.2vw,70px);line-height:.92;letter-spacing:-.058em}.pxls-beta-intro h1 span{color:#8dd5c3}.pxls-beta-intro>p{max-width:480px;margin:22px 0 0;color:var(--beta-muted);font-size:14px;line-height:1.65}
.pxls-beta-tools{display:flex;align-items:center;gap:11px;margin-top:34px}.pxls-beta-tool{display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:11px;color:#fff;background:var(--tool-color);box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 12px 25px rgba(0,0,0,.26);font-size:19px;animation:pxls-beta-float 4.8s ease-in-out infinite}.pxls-beta-tool:nth-child(2){transform:translateY(8px);animation-delay:-1.2s}.pxls-beta-tool:nth-child(3){animation-delay:-2.4s}.pxls-beta-tool:nth-child(4){transform:translateY(8px);animation-delay:-3.6s}
.pxls-beta-login{align-self:center;margin:28px 28px 28px 0;padding:29px;border:1px solid var(--beta-border);border-radius:19px;background:rgba(31,32,35,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.25)}
.pxls-beta-lock{display:grid;width:48px;height:48px;margin-bottom:25px;place-items:center;border:1px solid #494b50;border-radius:12px;color:#fff;background:var(--beta-panel-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 10px 20px rgba(0,0,0,.2);font-size:19px}.pxls-beta-login h2{margin:0 0 7px;color:#fff;font-size:24px;line-height:1.05;letter-spacing:-.035em}.pxls-beta-login>p{margin:0 0 23px;color:var(--beta-muted);font-size:11px;line-height:1.55}
.pxls-beta-form{display:grid;gap:10px}.pxls-beta-form label{color:#c3c5ca;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.pxls-beta-input-wrap{position:relative}.pxls-beta-input-wrap input{width:100%;height:54px;box-sizing:border-box;margin:0;padding:0 50px 0 16px;border:1px solid #494b50;border-radius:11px;outline:none;color:#fff;background:#292a2e;font:600 14px/1 Rubik,ui-sans-serif,system-ui,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);transition:border-color .18s ease,box-shadow .18s ease}.pxls-beta-input-wrap input::placeholder{color:#72757c}.pxls-beta-input-wrap input:focus{border-color:#73bfae;box-shadow:0 0 0 4px rgba(104,197,170,.1),inset 0 1px 0 rgba(255,255,255,.08)}
.pxls-beta-reveal{position:absolute;top:50%;right:8px;display:grid;width:38px;height:38px;padding:0;transform:translateY(-50%);place-items:center;border:0;border-radius:9px;color:#a3a6ac;background:transparent;cursor:pointer}.pxls-beta-submit{position:relative;width:100%;height:52px;margin-top:2px;overflow:hidden;border:1px solid #fff;border-radius:11px;color:#222325;background:#fff;box-shadow:inset 0 1px 0 #fff,inset 0 2px 0 rgba(255,255,255,.8),0 5px 0 #bfc1c4,0 12px 24px rgba(0,0,0,.24);font:800 10px/1 Rubik,ui-sans-serif,system-ui,sans-serif;letter-spacing:.065em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pxls-beta-submit:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,inset 0 2px 0 rgba(255,255,255,.9),0 6px 0 #bfc1c4,0 15px 28px rgba(0,0,0,.27)}.pxls-beta-submit:active{transform:translateY(4px);box-shadow:inset 0 1px 0 #fff,0 1px 0 #bfc1c4,0 7px 16px rgba(0,0,0,.2)}
.pxls-beta-error{min-height:17px;margin:7px 0 0;color:#ec7c96;font-size:10px;font-weight:650;line-height:1.4}.pxls-beta-card.is-wrong{animation:pxls-beta-shake .36s ease}#pxls-beta-gate.is-unlocking{opacity:0;transform:scale(1.012);transition:opacity .38s ease,transform .38s ease}
@keyframes pxls-beta-drift{to{transform:translate3d(9%,7%,0) scale(1.12) rotate(7deg)}}@keyframes pxls-beta-float{50%{translate:0 -7px;rotate:2deg}}@keyframes pxls-beta-shake{25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}
@media(max-width:800px){#pxls-beta-gate{overflow-y:auto}.pxls-beta-card{grid-template-columns:1fr;min-height:0}.pxls-beta-intro{padding:38px 30px 27px}.pxls-beta-intro h1{font-size:clamp(40px,11vw,58px)}.pxls-beta-intro>p{font-size:13px}.pxls-beta-tools{margin-top:25px}.pxls-beta-login{margin:0 22px 22px;padding:25px}}
@media(max-width:480px){#pxls-beta-gate{padding:12px;place-items:start center}.pxls-beta-card{margin:10px 0;border-radius:19px}.pxls-beta-topbar{min-height:62px;padding:0 17px}.pxls-beta-status{padding:8px 9px;font-size:8px}.pxls-beta-intro{padding:30px 22px 24px}.pxls-beta-intro h1{font-size:42px}.pxls-beta-tools{gap:8px}.pxls-beta-tool{width:43px;height:43px;font-size:16px}.pxls-beta-login{margin:0 14px 14px;padding:22px}}
@media(prefers-reduced-motion:reduce){#pxls-beta-gate:before,#pxls-beta-gate:after,.pxls-beta-tool,.pxls-beta-card.is-wrong{animation:none}}