#pb-wrap{width:300px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;position:relative;background:#0a0a12;overflow:hidden;cursor:pointer;border-radius:4px;}
#pb-bg{position:absolute;inset:0;background:radial-gradient(ellipse 180px 120px at 80% 20%,rgba(99,60,255,.45) 0,transparent 70%),radial-gradient(ellipse 140px 100px at 20% 80%,rgba(0,210,200,.3) 0,transparent 70%),radial-gradient(ellipse 100px 80px at 50% 50%,rgba(255,80,140,.15) 0,transparent 60%);animation:pb-bg 5s ease-in-out infinite alternate;}
@keyframes pb-bg{0%{opacity:1;filter:hue-rotate(0)}100%{opacity:.85;filter:hue-rotate(20deg)}}
#pb-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,60,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,60,255,.07) 1px,transparent 1px);background-size:25px 25px;animation:pb-grid 8s linear infinite;}
@keyframes pb-grid{from{transform:translateY(0)}to{transform:translateY(25px)}}
.pb-orb{position:absolute;border-radius:50%;filter:blur(18px);pointer-events:none;}
.pb-o1{width:80px;height:80px;background:rgba(99,60,255,.5);top:-20px;left:-20px;animation:pb-o1 7s ease-in-out infinite;}
.pb-o2{width:60px;height:60px;background:rgba(0,220,210,.4);bottom:-10px;right:-10px;animation:pb-o2 6s ease-in-out infinite;}
.pb-o3{width:40px;height:40px;background:rgba(255,80,180,.35);top:50%;left:10px;animation:pb-o3 8s ease-in-out infinite;}
@keyframes pb-o1{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,20px)}}
@keyframes pb-o2{0%,100%{transform:translate(0,0)}50%{transform:translate(-20px,-15px)}}
@keyframes pb-o3{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
#pb-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#633cff,#00dcd2,#ff50b4,transparent);animation:pb-line 3s ease-in-out infinite alternate;}
@keyframes pb-line{from{opacity:.7}to{opacity:1;box-shadow:0 0 10px #633cff}}
.pb-p{position:absolute;width:2px;height:2px;border-radius:50%;animation:pb-fly linear infinite;}
.pb-p:nth-child(1){left:15%;top:80%;animation-duration:4s;background:rgba(180,160,255,.7);}
.pb-p:nth-child(2){left:35%;top:90%;animation-duration:5s;animation-delay:.5s;background:rgba(180,160,255,.7);}
.pb-p:nth-child(3){left:55%;top:85%;animation-duration:3.5s;animation-delay:1s;background:rgba(0,220,210,.8);}
.pb-p:nth-child(4){left:75%;top:95%;animation-duration:4.5s;animation-delay:.2s;background:rgba(180,160,255,.7);}
.pb-p:nth-child(5){left:90%;top:75%;animation-duration:3.8s;animation-delay:1.5s;background:rgba(255,80,180,.8);}
@keyframes pb-fly{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:1}80%{opacity:.6}100%{transform:translateY(-200px) scale(.3);opacity:0}}
#pb-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px;animation:pb-in .8s ease-out both;}
@keyframes pb-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
#pb-brand{display:flex;align-items:center;gap:6px;margin-bottom:10px;}
#pb-icon{width:28px;height:28px;background:linear-gradient(135deg,#633cff 0,#00dcd2 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;animation:pb-icon 2.5s ease-in-out infinite;}
@keyframes pb-icon{0%,100%{box-shadow:0 0 12px rgba(99,60,255,.6)}50%{box-shadow:0 0 22px rgba(99,60,255,.95),0 0 40px rgba(0,220,210,.3)}}
#pb-name{font-size:18px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#fff 0,#b8aaff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:sans-serif;}
#pb-badge{font-size:8px;font-weight:700;letter-spacing:.5px;color:#00dcd2;background:rgba(0,220,210,.12);border:1px solid rgba(0,220,210,.3);border-radius:4px;padding:1px 5px;margin-left:2px;text-transform:uppercase;align-self:flex-start;margin-top:2px;font-family:sans-serif;}
#pb-h{font-size:20px;font-weight:900;line-height:1.15;letter-spacing:-.8px;color:#fff;margin-bottom:6px;font-family:sans-serif;}
#pb-h span{background:linear-gradient(90deg,#633cff,#00dcd2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
#pb-sub{font-size:11px;color:rgba(200,195,230,.85);line-height:1.4;margin-bottom:12px;font-family:sans-serif;}
#pb-tags{display:flex;gap:5px;margin-bottom:13px;flex-wrap:wrap;justify-content:center;}
.pb-tag{font-size:9px;font-weight:600;color:rgba(200,195,255,.9);background:rgba(99,60,255,.18);border:1px solid rgba(99,60,255,.35);border-radius:20px;padding:3px 8px;white-space:nowrap;font-family:sans-serif;}
#pb-cta{position:relative;padding:10px 26px;background:linear-gradient(135deg,#633cff 0,#4f23e0 100%);color:#fff;font-size:12px;font-weight:800;letter-spacing:.5px;border-radius:30px;text-transform:uppercase;animation:pb-btn 2.2s ease-in-out infinite;display:inline-block;box-shadow:0 4px 20px rgba(99,60,255,.55);overflow:hidden;font-family:sans-serif;}
@keyframes pb-btn{0%,100%{box-shadow:0 4px 20px rgba(99,60,255,.55);transform:scale(1)}50%{box-shadow:0 6px 30px rgba(99,60,255,.85),0 0 50px rgba(99,60,255,.25);transform:scale(1.04)}}
#pb-cta::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:pb-shim 2.5s ease-in-out infinite;}
@keyframes pb-shim{0%{left:-60%;opacity:0}30%{opacity:1}100%{left:130%;opacity:0}}
#pb-foot{position:absolute;bottom:8px;font-size:8.5px;color:rgba(150,140,200,.6);letter-spacing:.3px;font-family:sans-serif;}