.button-container{text-align:center}.scifi-button{background:linear-gradient(45deg,#0f0f0f,#2b2b2b);border:1px solid cyan;border-radius:8px;color:cyan;padding:15px 30px;font-size:1.2em;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 5px #00ffff,0 0 10px cyan;cursor:pointer;outline:none;position:relative;overflow:hidden;transition:all 0.3s ease}.scifi-button::before,.scifi-button::after{content:'';position:absolute;width:120%;height:120%;background:linear-gradient(45deg,rgb(0 255 255 / .2),#fff0);transition:all 0.3s ease}.scifi-button::before{top:-100%;left:-100%;transform:rotate(45deg)}.scifi-button::after{bottom:-100%;right:-100%;transform:rotate(45deg)}.scifi-button:hover::before,.scifi-button:hover::after{top:-10%;left:-10%;bottom:-10%;right:-10%}.scifi-button:hover{border-color:#00f0f0;color:#00f0f0;text-shadow:0 0 10px #00f0f0,0 0 20px #00f0f0}.scifi-button:active{background:linear-gradient(45deg,#1c1c1c,#353535);border-color:#099;color:#099;text-shadow:0 0 5px #009999,0 0 10px #099}.button-container1{text-align:center}.animated-button{position:relative;padding:15px 30px;font-size:1.2em;font-weight:700;text-transform:uppercase;color:cyan;background:linear-gradient(45deg,#0f0f0f,#1c1c1c);border:2px solid cyan;border-radius:8px;overflow:hidden;cursor:pointer;outline:none;box-shadow:0 0 10px rgb(0 255 255 / .5),0 0 20px rgb(0 255 255 / .5),0 0 30px rgb(0 255 255 / .5);transition:all 0.3s ease}.animated-button:hover{box-shadow:0 0 20px rgb(0 255 255 / .7),0 0 40px rgb(0 255 255 / .7),0 0 60px rgb(0 255 255 / .7);border-color:#00f0f0}.animated-text{display:inline-block;white-space:nowrap;position:relative;color:cyan;animation:slide-text 5s linear infinite,glitch 2s infinite;text-shadow:0 0 5px rgb(0 255 255 / .8),0 0 10px rgb(0 255 255 / .8),0 0 20px rgb(0 255 255 / .8)}.scifi-link{color:cyan;text-decoration:none;font-size:18px;transition:color 0.2s ease-in-out,transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out;position:relative}.scifi-link:hover{color:#212115;transform:scale(1.2) translateY(-5px);box-shadow:0 0 8px rgb(15 6 40 / .8),0 0 15px rgb(255 255 0 / .5)}@keyframes slide-text{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@keyframes glitch{0%{clip:rect(0,9999px,0,0);transform:translate(0)}20%{clip:rect(20px,9999px,44px,0);transform:translate(-5px,-5px)}40%{clip:rect(10px,9999px,60px,0);transform:translate(5px,5px)}60%{clip:rect(30px,9999px,80px,0);transform:translate(-5px,5px)}80%{clip:rect(50px,9999px,100px,0);transform:translate(5px,-5px)}100%{clip:rect(0,9999px,0,0);transform:translate(0)}}