.cyber-container{width:140px;height:42px;transition:all .2s;position:relative}.cyber-container:active{width:135px;height:40px}#cyber-card{z-index:0;background:linear-gradient(45deg,#020617,#0f172a);border:1px solid #f59e0b33;border-radius:12px;justify-content:center;align-items:center;transition:all .7s;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 10px #00000080,inset 0 0 10px #0000004d}.cyber-card-content{width:100%;height:100%;position:relative}#cyber-prompt{z-index:20;letter-spacing:2px;text-align:center;color:#fff;text-shadow:0 0 10px #f59e0b99;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .3s ease-in-out;display:flex;position:absolute;inset:0}.cyber-highlight{color:#f59e0b;font-weight:700}.cyber-glowing-elements{pointer-events:none;position:absolute;inset:0}.cyber-glow-1,.cyber-glow-2,.cyber-glow-3{filter:blur(10px);opacity:0;background:radial-gradient(circle,#f59e0b33 0%,#f59e0b00 70%);border-radius:50%;width:40px;height:40px;transition:opacity .3s;position:absolute}.cyber-glow-1{top:-10px;left:-10px}.cyber-glow-2{top:50%;right:-15px;transform:translateY(-50%)}.cyber-glow-3{bottom:-10px;left:30%}.cyber-card-particles span{opacity:0;background:#f59e0b;border-radius:50%;width:2px;height:2px;transition:opacity .3s;position:absolute}.cyber-tracker:hover~#cyber-card{filter:brightness(1.3);border-color:#f59e0bcc;transition:all .3s;box-shadow:0 0 20px #f59e0b33}.cyber-tracker:hover~#cyber-card .cyber-glowing-elements div{opacity:1}.cyber-tracker:hover~#cyber-card .cyber-card-particles span{animation:2s infinite cyberParticleFloat}@keyframes cyberParticleFloat{0%{opacity:0;transform:translate(0)}50%{opacity:1}to{transform:translate(calc(var(--x,0)*15px),calc(var(--y,0)*15px));opacity:0}}.cyber-card-particles span:first-child{--x:1;--y:-1;top:40%;left:20%}.cyber-card-particles span:nth-child(2){--x:-1;--y:-1;top:60%;right:20%}.cyber-card-particles span:nth-child(3){--x:.5;--y:1;top:20%;left:40%}.cyber-card-particles span:nth-child(4){--x:-.5;--y:1;top:80%;right:40%}.cyber-card-particles span:nth-child(5){--x:1;--y:.5;top:30%;left:60%}.cyber-card-particles span:nth-child(6){--x:-1;--y:.5;top:70%;right:60%}#cyber-card:before{content:"";filter:blur(10px);opacity:0;background:radial-gradient(circle,#f59e0b1a 0%,#fbbf240d 50%,#0000 100%);width:150%;height:150%;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cyber-tracker:hover~#cyber-card:before{opacity:1}.cyber-tracker{z-index:200;width:100%;height:100%;position:absolute}.cyber-tracker:hover{cursor:pointer}.cyber-tracker:hover~#cyber-card #cyber-prompt{opacity:1;color:#fff;text-shadow:0 0 15px #f59e0bcc,0 0 5px #fff6;transform:scale(1.1)}.cyber-tracker:hover~#cyber-card{filter:brightness(1.2);border-color:#f59e0b99;transition:all .3s}.cyber-canvas{perspective:600px;z-index:200;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:0;display:grid;position:absolute;inset:0}.ctr-1:hover~#cyber-card{transform:rotateX(15deg)rotateY(-10deg)}.ctr-3:hover~#cyber-card{transform:rotateX(15deg)rotateY(0)}.ctr-5:hover~#cyber-card{transform:rotateX(15deg)rotateY(10deg)}.ctr-11:hover~#cyber-card{transform:rotateX(0)rotateY(-15deg)}.ctr-13:hover~#cyber-card{transform:rotateX(0)rotateY(0)}.ctr-15:hover~#cyber-card{transform:rotateX(0)rotateY(15deg)}.ctr-21:hover~#cyber-card{transform:rotateX(-15deg)rotateY(-10deg)}.ctr-23:hover~#cyber-card{transform:rotateX(-15deg)rotateY(0)}.ctr-25:hover~#cyber-card{transform:rotateX(-15deg)rotateY(10deg)}.cyber-glare{opacity:0;background:linear-gradient(125deg,#fff0 0%,#ffffff0d 45%,#ffffff1a 50%,#ffffff0d 55%,#fff0 100%);transition:opacity .3s;position:absolute;inset:0}.cyber-scan-line{background:linear-gradient(#0000,#f59e0b1a,#0000);animation:2s linear infinite cyberScanMove;position:absolute;inset:0;transform:translateY(-100%)}@keyframes cyberScanMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}#cyber-card:hover .cyber-glare{opacity:1}
.premium-button{--white:#fffbeb;--gold-100:#fde68a;--gold-200:#fcd34d;--gold-300:#fbbf24;--gold-400:#f59e0b;--gold-500:#b45309;--radius:14px;border-radius:var(--radius);cursor:pointer;letter-spacing:-.5px;background:0 0;border:0;outline:none;width:160px;height:48px;font-family:inherit;font-size:14px;transition:all .3s;position:relative;transform:rotate(-2deg)skew(2deg)}.premium-button:hover{transform:rotate(0)skew(0)scale(1.05)}.premium-bg{border-radius:inherit;filter:blur(1px);position:absolute;inset:0}.premium-bg:before,.premium-bg:after{content:"";border-radius:calc(var(--radius)*1.1);background:var(--gold-500);position:absolute;inset:0}.premium-bg:before{filter:blur(5px);transition:all .3s;box-shadow:-4px 4px #b4530966,-8px 8px #b453094d,-12px 12px 4px #b4530933}.premium-wrap{border-radius:inherit;background:linear-gradient(to bottom,var(--gold-100)0%,var(--gold-400)100%);height:100%;padding:2px;transition:all .3s;position:relative;overflow:hidden;transform:translate(4px,-4px)}.premium-outline{opacity:0;border-radius:inherit;outline:none;transition:all .4s;position:absolute;inset:0;overflow:hidden}.premium-outline:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff 50%,#0000 100%);width:80px;height:200px;margin:auto;animation:3s linear infinite paused spin;position:absolute;inset:2px}.premium-content{pointer-events:none;z-index:1;border-radius:calc(var(--radius)*.85);background:linear-gradient(to bottom,var(--gold-300)0%,var(--gold-400)100%);height:100%;box-shadow:inset -1px 8px 8px -4px var(--gold-200),inset 1px -2px 8px 0px #00000059;justify-content:center;align-items:center;gap:10px;font-weight:800;transition:all .3s;display:flex;position:relative}.premium-char{justify-content:center;align-items:center;transition:all .3s;display:flex}.premium-char span{color:#0000;display:block;position:relative}.premium-char.state-1 span{animation:charAppear 1.2s ease backwards calc(var(--i)*30ms)}.premium-char span:before,.premium-char span:after{content:attr(data-label);color:#fff;text-shadow:0 1px 2px #00000080;position:absolute;left:0}.premium-char span:before{opacity:0;transform:translateY(-100%)}.premium-char.state-1{justify-content:center;align-items:center;gap:1.5px;transition:opacity .3s,transform .3s;display:flex}.premium-button:hover .premium-char.state-1{opacity:0;transform:translateY(-10px)}.premium-char.state-2{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.premium-char.state-2 span:after{opacity:1}.premium-icon{z-index:10;justify-content:center;align-items:center;transition:all .3s;display:flex}.premium-icon img{filter:drop-shadow(0 2px 4px #0000004d);width:18px;height:18px}.premium-button:hover .premium-char.state-1 span:before{animation:charAppear .7s ease calc(var(--i)*30ms)}.premium-button:hover .premium-char.state-1 span:after{opacity:1;animation:charDisappear .7s ease calc(var(--i)*30ms)}.premium-button:hover .premium-char.state-2{opacity:1}.premium-button:hover .premium-char.state-2 span:before,.premium-button:hover .premium-char.state-2 span:after{animation:charAppear .5s ease forwards calc(var(--i)*30ms)}.premium-button:hover .premium-icon{opacity:0;transform:translate(20px)}.premium-button:hover .premium-wrap{transform:translate(6px,-6px)}.premium-button:hover .premium-outline{opacity:1}.premium-button:hover .premium-outline:before{animation-play-state:running}.premium-button:active .premium-bg:before{filter:blur(3px);opacity:.7}.premium-button:active .premium-content{box-shadow:inset -1px 8px 6px -4px #b4530966,inset 0px -2px 6px 0px var(--gold-200)}.premium-button:active .premium-wrap{transform:translate(2px,-2px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes charAppear{0%{opacity:0;filter:blur(10px);transform:translateY(50%)}20%{opacity:1;transform:translateY(70%)}50%{opacity:1;filter:blur();transform:translateY(-15%)}to{opacity:1;transform:translateY(0)}}@keyframes charDisappear{0%{opacity:1;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-70%)}}