.btn-primary{position:relative;background:transparent;border:none;border-radius:6px;padding:12px 24px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:visible;font-size:14px;line-height:1.5}.btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:6px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 3s ease infinite;z-index:-2}.btn-primary:after{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-radius:4px;background:#1a1a1a;z-index:-1}.btn-primary:focus:before,.btn-primary:hover:before{animation:gradientShift 1s ease infinite}.btn-primary:focus:after,.btn-primary:hover:after{background:transparent}.btn-primary:focus,.btn-primary:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(102,126,234,.4)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{transform:none;box-shadow:none}.star{position:absolute;font-size:8px;color:#fff;pointer-events:none;opacity:0;z-index:10;transition:opacity .3s ease;visibility:hidden}.btn-primary:focus .star,.btn-primary:hover .star{opacity:1;visibility:visible}.star-1{top:50%;left:-10px;animation:starFloat1 3s linear infinite}.star-2{top:20%;right:-10px;animation:starFloat2 3.5s linear infinite;animation-delay:.5s}.star-3{bottom:20%;left:-10px;animation:starFloat3 2.8s linear infinite;animation-delay:1s}.star-4{top:10%;left:50%;animation:starFloat4 3.2s linear infinite;animation-delay:1.5s}.star-5{bottom:10%;right:50%;animation:starFloat5 2.7s linear infinite;animation-delay:2s}.star-6{top:50%;right:-10px;animation:starFloat6 3.5s linear infinite;animation-delay:2.5s}@keyframes starFloat1{0%{transform:translate(0) scale(.6);opacity:0}5%{opacity:.3;transform:translateY(-4px) scale(.8)}15%{opacity:1;transform:translateY(-8px) scale(1)}25%{transform:translate(2px,-12px) scale(1.05)}35%{transform:translate(4px,-15px) scale(1.1)}45%{transform:translate(6px,-18px) scale(1.15)}55%{transform:translate(8px,-20px) scale(1.2)}65%{transform:translate(10px,-18px) scale(1.15)}75%{transform:translate(12px,-15px) scale(1.1)}85%{transform:translate(10px,-8px) scale(.95);opacity:1}95%{transform:translate(5px,-3px) scale(.8);opacity:.5}to{transform:translate(0) scale(.6);opacity:0}}@keyframes starFloat2{0%{transform:translate(0) scale(.6);opacity:0}5%{opacity:.3;transform:translateY(-3px) scale(.8)}15%{opacity:1;transform:translateY(-6px) scale(1)}25%{transform:translate(-2px,-10px) scale(1.05)}35%{transform:translate(-4px,-14px) scale(1.1)}45%{transform:translate(-6px,-16px) scale(1.15)}55%{transform:translate(-8px,-18px) scale(1.2)}65%{transform:translate(-10px,-16px) scale(1.15)}75%{transform:translate(-12px,-12px) scale(1.1)}85%{transform:translate(-10px,-6px) scale(.95);opacity:1}95%{transform:translate(-5px,-2px) scale(.8);opacity:.5}to{transform:translate(0) scale(.6);opacity:0}}@keyframes starFloat3{0%{transform:translate(0) scale(.6);opacity:0}5%{opacity:.3;transform:translateY(3px) scale(.8)}15%{opacity:1;transform:translateY(6px) scale(1)}25%{transform:translate(2px,10px) scale(1.05)}35%{transform:translate(4px,14px) scale(1.1)}45%{transform:translate(6px,16px) scale(1.15)}55%{transform:translate(8px,18px) scale(1.2)}65%{transform:translate(10px,16px) scale(1.15)}75%{transform:translate(12px,12px) scale(1.1)}85%{transform:translate(10px,6px) scale(.95);opacity:1}95%{transform:translate(5px,2px) scale(.8);opacity:.5}to{transform:translate(0) scale(.6);opacity:0}}@keyframes starFloat4{0%{transform:translate(0) scale(.6);opacity:0}5%{opacity:.3;transform:translate(-2px,-4px) scale(.8)}15%{opacity:1;transform:translate(-4px,-8px) scale(1)}25%{transform:translate(-6px,-12px) scale(1.05)}35%{transform:translate(-8px,-15px) scale(1.1)}45%{transform:translate(-10px,-18px) scale(1.15)}55%{transform:translate(-12px,-20px) scale(1.2)}65%{transform:translate(-10px,-18px) scale(1.15)}75%{transform:translate(-8px,-15px) scale(1.1)}85%{transform:translate(-4px,-8px) scale(.95);opacity:1}95%{transform:translate(-2px,-3px) scale(.8);opacity:.5}to{transform:translate(0) scale(.6);opacity:0}}@keyframes starFloat5{0%{transform:translate(0) scale(.6);opacity:0}5%{opacity:.3;transform:translate(2px,4px) scale(.8)}15%{opacity:1;transform:translate(4px,8px) scale(1)}25%{transform:translate(6px,12px) scale(1.05)}35%{transform:translate(8px,15px) scale(1.1)}45%{transform:translate(10px,18px) scale(1.15)}55%{transform:translate(12px,20px) scale(1.2)}65%{transform:translate(10px,18px) scale(1.15)}75%{transform:translate(8px,15px) scale(1.1)}85%{transform:translate(4px,8px) scale(.95);opacity:1}95%{transform:translate(2px,3px) scale(.8);opacity:.5}to{transform:translate(0) scale(.6);opacity:0}}@keyframes starFloat6{0%{transform:translate(0) scale(.6);opacity:0}5%{opacity:.3;transform:translateY(-3px) scale(.8)}15%{opacity:1;transform:translateY(-6px) scale(1)}25%{transform:translate(-2px,-10px) scale(1.05)}35%{transform:translate(-4px,-14px) scale(1.1)}45%{transform:translate(-6px,-16px) scale(1.15)}55%{transform:translate(-8px,-18px) scale(1.2)}65%{transform:translate(-10px,-16px) scale(1.15)}75%{transform:translate(-12px,-12px) scale(1.1)}85%{transform:translate(-10px,-6px) scale(.95);opacity:1}95%{transform:translate(-5px,-2px) scale(.8);opacity:.5}to{transform:translate(0) scale(.6);opacity:0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}