.card{position:relative;background:#1a1a1a;border-radius:1rem;overflow:hidden;transition:all .3s ease;border:1px solid #374151;transform:translateY(0)}.card:before{top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 3s ease infinite;border-radius:1rem 1rem 0 0;mask:linear-gradient(180deg,#fff 0,#fff 40%,hsla(0,0%,100%,.8) 45%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0) 55%);-webkit-mask:linear-gradient(180deg,#fff 0,#fff 40%,hsla(0,0%,100%,.8) 45%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0) 55%)}.card:after,.card:before{content:"";position:absolute;z-index:-1}.card:after{top:2px;left:2px;right:2px;bottom:2px;background:#1a1a1a;border-radius:.9rem .9rem 0 0}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(102,126,234,.4)}.card--inactive:after,.card--inactive:before{opacity:0;animation:none}.card--inactive{border:1px solid hsla(0,0%,100%,.15)}.btn-gradient-border{position:relative;background:transparent;border:none;border-radius:50px;padding:20px 60px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;overflow:visible}.btn-gradient-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 3s ease infinite;z-index:-2}.btn-gradient-border:after{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-radius:50px;background:#1a1a1a;z-index:-1}.btn-gradient-border:focus:before,.btn-gradient-border:hover:before{animation:gradientShift 1s ease infinite}.btn-gradient-border:focus:after,.btn-gradient-border:hover:after{background:transparent}.btn-gradient-border:focus,.btn-gradient-border:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(102,126,234,.4)}.star{position:absolute;font-size:8px;color:#fff;pointer-events:none;opacity:0;z-index:10;transition:opacity .3s ease;visibility:hidden}.btn-gradient-border:focus .star,.btn-gradient-border: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%}}