.phub{--phub-grad:linear-gradient(135deg, #9e25ce, #403ae3);--phub-accent:#c9b3f7;--phub-ok:#34d399;--phub-border:#ffffff24;--phub-border-soft:#ffffff14;--phub-fg:#fff;--phub-dim:#ffffff80;--phub-muted:#ffffffad;--phub-cycle:4.8s;isolation:isolate;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;max-width:480px;color:var(--phub-fg);font-family:var(--font-heading,"Inter Tight"), ui-sans-serif, system-ui, sans-serif;background:radial-gradient(70% 55% at 50% 40%,#9e25ce33,#0000 70%),linear-gradient(#14131eeb,#0a0a10f2);border-radius:24px;margin-inline:auto;padding:1.5rem 1.6rem 1.25rem;animation:.8s cubic-bezier(.2,.7,.2,1) both phub-in;position:relative;box-shadow:0 40px 90px -30px #6f30d98c,0 30px 70px #00000080,inset 0 1px #ffffff0f}.phub *{box-sizing:border-box}.phub:before{content:"";z-index:-1;border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#a47cf099,#403ae333 45%,#ffffff0f);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.phub__cap{letter-spacing:.16em;text-transform:uppercase;color:var(--phub-dim);align-items:center;gap:.55rem;margin:0 0 1rem;font-size:.72rem;display:flex}.phub__live{background:var(--phub-ok);border-radius:50%;width:7px;height:7px;animation:2.2s ease-out infinite phub-live}.phub__hub{height:230px;margin:.3rem 0 .6rem;position:relative}.phub__wires{width:100%;height:100%;position:absolute;inset:0}.phub__wires path{fill:none;stroke:#a47cf047;stroke-width:1.6px;stroke-dasharray:160;stroke-dashoffset:160px;animation:.9s .35s forwards phub-draw}.phub__core{place-items:center;width:96px;height:96px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phub__pin{z-index:2;filter:drop-shadow(0 6px 14px #9e25ce99);width:44px;height:44px;animation:4.8s ease-in-out infinite phub-bob;position:relative}.phub__ring{-webkit-mask-composite:xor;background:conic-gradient(#0000 12%,#c9b3f7 32%,#0000 55%,#403ae3 78%,#0000 96%);border-radius:50%;padding:2px;animation:3.4s linear infinite phub-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.phub__glow{background:radial-gradient(circle,#9e25ce8c,#403ae31f 62%,#0000 75%);border-radius:50%;animation:2.8s ease-in-out infinite phub-breath;position:absolute;inset:8px}.phub__sat{--d:calc(1.1s + var(--i) * 1.2s);border:1px solid var(--phub-border);white-space:nowrap;opacity:0;animation:phub-fade .4s ease forwards, phub-hit var(--phub-cycle) ease-in-out var(--d) infinite;animation-delay:calc(.5s + var(--i) * .15s), var(--d);background:#ffffff12;border-radius:11px;padding:.5rem .9rem;font-size:.8rem;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.phub__pulse{background:var(--phub-accent);opacity:0;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;box-shadow:0 0 12px 3px #9e25cebf}.phub__pulse--1{animation:phub-p1 var(--phub-cycle) cubic-bezier(.45, 0, .55, 1) 1.1s infinite}.phub__pulse--2{animation:phub-p2 var(--phub-cycle) cubic-bezier(.45, 0, .55, 1) 2.3s infinite}.phub__pulse--3{animation:phub-p3 var(--phub-cycle) cubic-bezier(.45, 0, .55, 1) 3.5s infinite}.phub__pulse--4{animation:phub-p4 var(--phub-cycle) cubic-bezier(.45, 0, .55, 1) 4.7s infinite}.phub__log{gap:.45rem;margin:.2rem 0 .8rem;padding:0;list-style:none;display:grid}.phub__log li{color:var(--phub-muted);opacity:0;animation:.5s forwards phub-fade;animation-delay:calc(1.2s + var(--i) * .5s);align-items:baseline;gap:.55rem;font-size:.82rem;display:flex}.phub__log s{color:var(--phub-ok);flex:none;font-weight:700;text-decoration:none}.phub__foot{border-top:1px solid var(--phub-border-soft);justify-content:space-between;align-items:center;gap:1rem;padding-top:.8rem;display:flex}.phub__foot span:first-child{color:var(--phub-dim);font-size:.74rem}.phub__badge{background:var(--phub-grad);color:#fff;font-variant-numeric:tabular-nums;border-radius:7px;flex:none;padding:.2rem .5rem;font-size:.72rem;font-weight:700;box-shadow:0 4px 14px #9e25ce73}@keyframes phub-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}@keyframes phub-fade{to{opacity:1}}@keyframes phub-draw{to{stroke-dashoffset:0}}@keyframes phub-spin{to{transform:rotate(360deg)}}@keyframes phub-breath{0%,to{opacity:.85;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}@keyframes phub-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes phub-live{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}@keyframes phub-hit{0%,36%,60%,to{border-color:var(--phub-border);box-shadow:none;background:#ffffff12}44%,50%{background:#9e25ce38;border-color:#c9b3f7e6;box-shadow:0 0 0 3px #9e25ce33,0 0 20px #9e25ce73}}@keyframes phub-p1{0%{opacity:0;top:50%;left:50%}12%{opacity:1}42%{opacity:1;top:17%;left:17%}52%,to{opacity:0;top:17%;left:17%}}@keyframes phub-p2{0%{opacity:0;top:50%;left:50%}12%{opacity:1}42%{opacity:1;top:17%;left:83%}52%,to{opacity:0;top:17%;left:83%}}@keyframes phub-p3{0%{opacity:0;top:50%;left:50%}12%{opacity:1}42%{opacity:1;top:83%;left:17%}52%,to{opacity:0;top:83%;left:17%}}@keyframes phub-p4{0%{opacity:0;top:50%;left:50%}12%{opacity:1}42%{opacity:1;top:83%;left:83%}52%,to{opacity:0;top:83%;left:83%}}@media screen and (max-width:479px){.phub{padding:1.2rem 1.1rem 1rem}.phub__hub{height:200px}.phub__sat{padding:.42rem .7rem;font-size:.72rem}}@media (prefers-reduced-motion:reduce){.phub,.phub *,.phub:before{opacity:1!important;animation:none!important}.phub__wires path{stroke-dashoffset:0!important}.phub__pulse{display:none}}