.pef{--pef-bg:#030404;--pef-panel:#09100b;--pef-card:#111612;--pef-line:rgba(255,255,255,0.08);--pef-g1:#22c55e;--pef-glow:#4ade80;--pef-text:#e8f2ec;--pef-mute:#7f938a;--pef-ac:#4ade80;color-scheme:dark;box-sizing:border-box;margin:0;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 16px 96px;background:radial-gradient(ellipse 70% 50% at 60% 10%,rgba(255,255,255,.03) 0,transparent 62%),radial-gradient(ellipse 50% 40% at 80% 100%,color-mix(in srgb,var(--pef-ac) 14%,transparent) 0,transparent 70%),var(--pef-bg);color:var(--pef-text);font-family:Outfit,Avenir Next,Segoe UI,sans-serif;position:relative;scrollbar-width:none;-ms-overflow-style:none}.pef::-webkit-scrollbar{display:none;width:0;height:0}.pef *,.pef :after,.pef :before{box-sizing:inherit}.pef:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px);background-size:22px 22px;pointer-events:none}.pefMain{position:relative;display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:520px}.pef button{font:inherit;color:inherit}.pef :focus-visible{outline:2px solid var(--pef-glow);outline-offset:2px}.pefFlow{justify-content:center;width:100%}.pefFlow,.pefItem{display:flex;align-items:center}.pefItem{flex-direction:column;flex:none}.pefSq{position:relative;width:clamp(84px,24vw,120px);aspect-ratio:1;border-radius:26px;background:linear-gradient(150deg,#1b211d,#0c100d);border:1px solid var(--pef-line);display:grid;place-items:center;transition:box-shadow .4s,border-color .4s}.pefSq:before{content:"";position:absolute;inset:-7px;border-radius:32px;border:1px solid rgba(255,255,255,.07)}.pefIc{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#2c3a31,#171d19);display:grid;place-items:center;color:#d6e8dc}.pefCk,.pefIc svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pefCk{position:absolute;top:10px;right:12px;width:14px;height:14px;color:var(--pef-glow);stroke-width:2.4}.pefSqOk{box-shadow:none;border-color:rgba(74,222,128,.55)}.pefSqBad{border:1.5px dashed color-mix(in srgb,var(--pef-ac) 60%,transparent);box-shadow:none;animation:pefBob 3.2s ease-in-out infinite}.pefSqBad .pefIc{color:var(--pef-ac)}@keyframes pefBob{50%{transform:translateY(-5px)}}.pefCap{text-align:center;font-size:13px;margin-top:16px;line-height:1.35;font-weight:500}.pefCap small{display:block;color:var(--pef-mute);font-size:11px;font-weight:400}.pefWire{display:flex;align-items:center;min-width:56px;max-width:190px;margin-bottom:34px}.pefSeg,.pefWire{position:relative;flex:1}.pefSeg{height:3px;border-radius:3px}.pefSegA{background:#1d3a28;margin-right:12px}.pefSegA:after{content:"";position:absolute;inset:0;border-radius:3px;background:repeating-linear-gradient(90deg,var(--pef-glow) 0 8px,transparent 8px 18px);filter:drop-shadow(0 0 5px var(--pef-glow));animation:pefFlow .6s linear infinite}.pefSegB{margin-left:12px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--pef-ac) 45%,transparent) 0 6px,transparent 6px 12px)}.pefSpark{position:absolute;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#e8fff0;box-shadow:0 0 12px 3px color-mix(in srgb,var(--pef-ac) 70%,transparent);animation:pefFl 1.5s steps(1) infinite}.pefLbl{position:absolute;left:50%;top:-30px;transform:translateX(-50%);font-size:11px;color:#b9cfc2;background:#0a0f0c;border:1px solid var(--pef-line);padding:3px 9px;border-radius:99px;white-space:nowrap}@keyframes pefFlow{to{background-position:18px 0}}@keyframes pefFl{0%,60%{opacity:1}30%,80%{opacity:.15}}.pefCard{position:relative;width:100%;border-radius:26px;padding:28px 24px 24px;background:linear-gradient(160deg,#17201a,#0a0e0b);border:1px solid var(--pef-line);text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.55)}.pefCard:before{inset:-7px;border-radius:32px;border:1px solid rgba(255,255,255,.07)}@property --pef-a{syntax:"<angle>";initial-value:0deg;inherits:false}.pefCard:after,.pefCard:before{content:"";position:absolute;pointer-events:none}.pefCard:after{inset:-1px;border-radius:27px;padding:1.5px;background:conic-gradient(from var(--pef-a),transparent 0 72%,var(--pef-ac) 92%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:pefSpin 4.5s linear infinite}@keyframes pefSpin{to{--pef-a:360deg}}.pefTag{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:99px;border:1px solid var(--pef-line);background:rgba(255,255,255,.03);font-size:12px;color:var(--pef-mute)}.pefTag i{display:none}.pefTagMascote{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:none;display:block}.pefIcMascote{overflow:hidden;padding:0;background:#0a0b0b}.pefIcMascote img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}@keyframes pefPulse{50%{transform:scale(1.6);opacity:.45}}.pefCode{margin:14px 0 4px;font-size:clamp(60px,18vw,92px);line-height:1;font-weight:700;letter-spacing:-.04em;color:var(--pef-ac);background:linear-gradient(100deg,var(--pef-ac) 35%,#fff 50%,var(--pef-ac) 65%) 0 0 /250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--pef-ac) 45%,transparent));animation:pefShine 3.4s ease-in-out infinite}.pefCodeOffline{font-size:clamp(44px,13vw,68px)}@keyframes pefShine{0%,20%{background-position:100% 0}80%,to{background-position:0 0}}.pefCard h1{margin:0 0 8px;font-size:20px;font-weight:700}.pefCard p{margin:0 auto;max-width:380px;color:var(--pef-mute);font-size:13px;line-height:1.55}.pefActs{display:flex;flex-direction:column;gap:10px;margin-top:22px}.pefBtn{width:100%;height:44px;border-radius:14px;border:1px solid rgba(110,231,160,.6);background:linear-gradient(180deg,#34d36b,#16923f);color:#04150a;font-weight:700;display:flex;gap:8px;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 26px rgba(34,197,94,.45)}.pefBtnSec{background:rgba(255,255,255,.04);color:var(--pef-text);border-color:var(--pef-line);box-shadow:none;font-weight:600}.pefBtn:hover{filter:brightness(1.1)}.pefHint{margin-top:16px;font-size:11px;color:var(--pef-mute);min-height:16px}.pefHintOn{color:var(--pef-glow)}.pefIn>*{animation:pefUp .55s cubic-bezier(.2,.8,.2,1) both}.pefIn>:nth-child(2){animation-delay:.06s}.pefIn>:nth-child(3){animation-delay:.12s}.pefIn>:nth-child(4){animation-delay:.18s}.pefIn>:nth-child(5){animation-delay:.24s}.pefIn>:nth-child(6){animation-delay:.3s}@keyframes pefUp{0%{opacity:0;transform:translateY(14px) scale(.98)}}.pefIn .pefCode{animation:pefUp .55s cubic-bezier(.2,.8,.2,1) .06s both,pefShine 3.4s ease-in-out 1s infinite}.pefShake{animation:pefSh .35s}@keyframes pefSh{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.pefBar{position:fixed;z-index:20;bottom:max(14px,env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:6px;border-radius:18px;border:1px solid var(--pef-line);background:rgba(20,26,22,.85);backdrop-filter:blur(8px)}.pefBar button{height:38px;padding:0 16px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--pef-mute);font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}.pefBar button:hover{color:var(--pef-text)}.pefBar button[aria-pressed=true]{background:linear-gradient(180deg,#34d36b,#16923f);color:#04150a;border-color:rgba(74,222,128,.6);box-shadow:0 0 20px rgba(34,197,94,.4)}@media (max-width:380px){.pefBar button{padding:0 11px;font-size:12px}}@media (prefers-reduced-motion:reduce){.pefCard:after,.pefCode,.pefIn .pefCode,.pefIn>*,.pefSegA:after,.pefShake,.pefSpark,.pefSqBad,.pefTag i{animation:none!important}}