.container{border-radius:50%;justify-content:center;align-items:center;width:600px;height:600px;display:flex;position:relative;overflow:hidden}@media (max-width:767px){.container span{display:none}.container{border-radius:0;width:100%;height:auto;overflow:visible}}.container span{transform-origin:300px;width:36px;height:8px;transform:rotate(calc(var(--i) * (360deg / 50)));animation:3s linear infinite blink;animation-delay:calc(var(--i) * (3s / 50));background:#f4f9ff61;border-radius:80px;position:absolute;left:0}@keyframes blink{0%{background:#0fe}25%{background:#f4f9ff61}}.login-box{z-index:1;color:#fff;border-radius:20px;width:80%;max-width:350px;padding:25px;position:absolute}@media (max-width:767px){.login-box{width:90%;margin:0 auto;position:relative}}form{width:100%;padding:0 10px}h2{color:#0fe;text-align:center;margin-bottom:10px;font-size:1.8em}.input-box{margin:30px 0;position:relative}input,textarea{color:#fff;border:2px solid #0fe;border-radius:40px;outline:none;width:100%;padding:12px 15px;font-size:1em;transition:all .5s;background:#080808!important}input:focus,textarea:focus{border-color:#0fe}input[value]:not([value=""])~label,input:focus~label,textarea:focus~label{color:#0fe;background:#1f293a;padding:0 6px;font-size:.8em;top:-10px}label{pointer-events:none;color:#fff;font-size:1em;transition:all .5s;position:absolute;top:50%;left:15px;transform:translateY(-50%);background-color:#0000!important}textarea{resize:none;border-radius:20px;height:100px}.btn{cursor:pointer;color:#1f293a;background:#0fe;border:none;border-radius:40px;outline:none;width:100%;height:45px;font-size:1em;font-weight:600;transition:background .3s}.btn:hover{background:#00c8d4}.card3{background-color:#eee;justify-content:center;align-items:center;gap:20px;width:fit-content;height:fit-content;padding:25px;display:flex;box-shadow:0 0 20px #0000000e}.socialContainer{background-color:#2c2c2c;justify-content:center;align-items:center;width:52px;height:52px;transition-duration:.3s;display:flex;overflow:hidden}.containerOne:hover{background-color:#d62976;transition-duration:.3s}.containerTwo:hover{background-color:#000;transition-duration:.3s}.containerThree:hover{background-color:#0072b1;transition-duration:.3s}.containerFour:hover{background-color:#128c7e;transition-duration:.3s}.socialContainer:active{transition-duration:.3s;transform:scale(.9)}.socialSvg{width:17px}.socialSvg path{fill:#fff}.socialContainer:hover .socialSvg{animation:.3s both slide-in-top}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}