@keyframes gradientShift{0%{transform:translateX(-100%) skew(45deg)}to{transform:translateX(100%) skew(45deg)}}.glassy-button{background:linear-gradient(90deg,#ffffff,#00eeff,#00eeff);background-size:100% 100%;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;transition:all .3s ease}.glassy-button:hover{background:transparent;border-color:#00eeff;color:#00eeff}.crystal-button-outline{position:relative;padding:.5rem 1.5rem;font-size:1.2rem;color:#00eeff;border:2px solid #00eeff;border-radius:8px;background-color:transparent;text-decoration:none;transition:all .3s ease-in-out}.crystal-button-outline:hover{color:#ffffff;background-color:rgba(0,238,255,.1)}.crystal-button-outline:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:8px;background:linear-gradient(90deg,rgba(0,238,255,.3),rgba(255,255,255,.1),rgba(0,238,255,.3));opacity:0;transition:opacity .3s ease-in-out}@keyframes textGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-text-wide{background:linear-gradient(90deg,#ffffff,#00eeff,#00F8FF,#ffffff);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGradient 8s ease infinite}.text-shadow-glow{text-shadow:0 0 5px rgba(0,248,255,.3),0 0 10px rgba(0,248,255,.2),0 0 15px rgba(0,248,255,.1)}.text-shadow-3d{text-shadow:1px 1px 0 rgba(0,248,255,.2),2px 2px 0 rgba(0,248,255,.1),3px 3px 0 rgba(0,248,255,.05)}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.float-animation-slow{animation:float-slow 6s ease-in-out infinite}.pulse-animation{animation:pulse-glow 4s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .8s ease-out forwards}.fade-in-delay-1{opacity:0;animation:fadeIn .8s ease-out .2s forwards}.fade-in-delay-2{opacity:0;animation:fadeIn .8s ease-out .4s forwards}.fade-in-delay-3{opacity:0;animation:fadeIn .8s ease-out .6s forwards}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}.breathing-line{animation:breathe 2s ease-in-out infinite}.buttons-wrapper{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;width:100%;max-width:520px;margin:0 auto}@media(min-width:640px){.buttons-wrapper{flex-direction:row}}.button-container{width:100%;max-width:240px}@media(max-width:639px){.button-container{max-width:280px}}.hero-text-container{position:relative;overflow:visible;width:100%;max-width:1200px;margin:0 auto}.tech-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(0,248,255,.5),transparent);z-index:1;transform-origin:center;animation:techLineExpand 1.5s ease-out forwards}@keyframes techLineExpand{0%{width:0;left:50%;right:50%;opacity:0}30%{width:10px;opacity:1}to{width:100px;left:-168px;right:auto;opacity:1}}.tech-line-left{left:-168px}.tech-line-left,.tech-line-right{width:100px;top:50%;transform:translateY(-50%)}.tech-line-right{right:-168px;animation:techLineExpandRight 1.5s ease-out forwards}@keyframes techLineExpandRight{0%{width:0;right:50%;left:50%;opacity:0}30%{width:10px;opacity:1}to{width:100px;right:-168px;left:auto;opacity:1}}.tech-circle{position:absolute;width:6px;height:6px;border-radius:50%;background-color:rgba(0,248,255,.8);box-shadow:0 0 10px rgba(0,248,255,.8);z-index:1;opacity:0;animation:techCircleAppear 2s ease-out forwards}@keyframes techCircleAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0);top:50%;left:50%}50%{opacity:0;top:50%;left:50%}70%{opacity:1;transform:translate(-50%,-50%) scale(1.5);top:50%;left:50%}to{opacity:1;transform:translateY(-50%) scale(1);top:50%;left:-48px}}.tech-circle-left{top:50%;left:-48px;transform:translateY(-50%)}.tech-circle-right{top:50%;right:-48px;transform:translateY(-50%);animation:techCircleAppearRight 2s ease-out forwards}@keyframes techCircleAppearRight{0%{opacity:0;transform:translate(-50%,-50%) scale(0);top:50%;left:50%}50%{opacity:0;top:50%;left:50%}70%{opacity:1;transform:translate(-50%,-50%) scale(1.5);top:50%;left:50%}to{opacity:1;transform:translateY(-50%) scale(1);top:50%;right:-48px;left:auto}}.bracket{position:absolute;width:20px;height:80%;top:10%;border:2px solid rgba(0,248,255,.3);z-index:1;opacity:0;animation:bracketAppear 2.5s ease-out forwards}@keyframes bracketAppear{0%{opacity:0;height:0;top:50%}60%{opacity:0}to{opacity:1;height:80%;top:10%}}.bracket-left{left:-96px;border-right:none}.bracket-right{right:-96px;border-left:none}.hero-title{position:relative;display:inline-block}.card-container{width:100%}@media(max-width:640px){.p-6{padding:1.25rem}.card-content{transform:scale(.95);transform-origin:top left}.card-container .p-6 canvas{height:90%!important}}.card-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,238,255,.15),transparent 70%);opacity:0;transition:opacity .5s ease-in-out;z-index:1;border-radius:inherit}.card-container:hover .card-glow{opacity:1}.card-bg{position:absolute;inset:0;background-image:linear-gradient(125deg,rgba(255,255,255,.03),rgba(0,238,255,.05) 30%,rgba(0,238,255,.1) 50%,rgba(0,238,255,.05) 70%,rgba(255,255,255,.03));opacity:0;transition:opacity .5s ease-in-out;z-index:0;border-radius:inherit}.card-shine{display:none}.card-border{position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(var(--angle),rgba(0,238,255,.3),rgba(255,255,255,.1),rgba(0,238,255,.3));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s ease-in-out}.card-container:hover .card-border{opacity:1;--angle:0deg;animation:rotate-border 6s linear infinite}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}