.btn-conact{letter-spacing:.06em;cursor:pointer;border:2px solid var(--color-primary);color:var(--color-primary);background:linear-gradient(90deg,#1da3f31a 1%,#0000 40% 60%,#1da3f31a 100%);border-radius:.6em;padding:.7em 2.7em;line-height:1.4em;transition:all .3s;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #1da3f366,0 0 9px 3px #1da3f326}.btn-conact:hover{color:#7fd1ff;box-shadow:inset 0 0 10px #1da3f399,0 0 9px 3px #1da3f340}.btn-conact:before{content:"";background:linear-gradient(90deg,#0000 1%,#1da3f31a 40%,#1da3f326 60%,#0000 100%);width:4em;height:100%;transition:transform .4s ease-in-out;position:absolute;top:0;left:-4em}.btn-conact:hover:before{transform:translate(15em)}
.nebula-input{position:relative}.nebula-input .input{color:#fff;background:0 0;border:2px solid #1da3f333;border-radius:8px;outline:none;width:100%;padding:12px;font-size:16px;transition:all .4s ease-out}.nebula-input .user-label{pointer-events:none;color:#add8ff99;background:0 0;padding:0 5px;transition:all .4s ease-out;position:absolute;top:15px}.nebula-input .input:focus{border-color:var(--color-primary);box-shadow:0 5px 8px #1da3f34d,0 10px 20px #1da3f333,0 15px 40px #1da3f326,0 20px 60px #1da3f31a}.nebula-input .input:focus~.user-label,.nebula-input .input:not(:placeholder-shown)~.user-label{color:#57c4ff;font-size:12px;left:10px;transform:translateY(-38px)}.nebula-particle{pointer-events:none;opacity:0;filter:blur(.8px);mix-blend-mode:screen;border-radius:50%;width:6px;height:6px;transition:opacity .3s;position:absolute;top:50%}.nebula-input .input:focus~.nebula-particle{animation:2s ease-out forwards nebula-float}@keyframes nebula-float{0%{opacity:0;background:#57c4ff;transform:translateY(-50%)scale(.8)}20%{opacity:.8}to{transform:translate(calc(var(--x)*140px),calc(var(--y)*35px))scale(1.1);opacity:0;background:#9ee5ff}}