.signin-section{background:linear-gradient(135deg,#f5f7fa 0%,#fff 35.36%,#eff6ff 70.71%);justify-content:center;align-items:center;width:100%;padding:100px 1rem 3rem;display:flex}.signin-section .signin-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;flex-direction:column;gap:1.5rem;width:100%;max-width:500px;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000040}.signin-section .signin-wrapper:before{content:"";opacity:.05;background:#2a8c96;border-radius:50%;width:200px;height:200px;position:absolute;top:-100px;right:-100px}.signin-section .signin-wrapper:after{content:"";opacity:.05;background:#2a8c96;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-100px;left:-100px}.signin-section .signin-wrapper .signin-header{justify-content:flex-start;align-items:center;gap:.5rem;margin:0 auto;display:flex}.signin-section .signin-wrapper .signin-header h1{color:#1a3a52;flex-direction:column;gap:0;font-size:22px;font-weight:700;display:flex}.signin-section .signin-wrapper .signin-header h1 span{color:#6b7280;font-size:12px;font-weight:400}.signin-section .signin-wrapper .signin-text{text-align:center;flex-direction:column;gap:2px;display:flex}.signin-section .signin-wrapper .signin-text h2{color:#1a3a52;font-size:30px;font-weight:700}.signin-section .signin-wrapper .signin-text p{color:#4b5563;font-size:16px;font-weight:400}.signin-section .signin-wrapper .social-btn{flex-direction:column;gap:.5rem;display:flex}.signin-section .signin-wrapper .social-btn button{color:#d1d5db;white-space:nowrap;background:0 0;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:40px;padding:0 1.5rem;font-size:14px;font-weight:600;transition:color .25s,transform .25s,background .25s,box-shadow .25s,filter .25s;display:flex}.signin-section .signin-wrapper .social-btn button svg{max-width:1.2rem;max-height:1.2rem;transition:transform .25s,opacity .25s}.signin-section .signin-wrapper .social-btn button:hover{background:#d1d5db1f;transform:translateY(-2px);box-shadow:0 10px 22px #d1d5db40,0 3px 8px #d1d5db1a}.signin-section .signin-wrapper .social-btn button:hover svg{opacity:.9;transform:scale(1.08)}.signin-section .signin-wrapper .social-btn button:active{transform:scale(.96);box-shadow:0 2px 6px #d1d5db40}.signin-section .signin-wrapper .social-btn button{color:#2c3e50;font-size:14px;font-weight:500}.signin-section .signin-wrapper .divider{border-top:1px solid #d1d5db;width:100%;position:relative}.signin-section .signin-wrapper .divider p{color:#6b7280;z-index:2;background:#fff;border-radius:1rem;padding:6px 1rem;font-size:14px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signin-section .signin-wrapper .signin-form{flex-direction:column;gap:1rem;display:flex}.signin-section .signin-wrapper .signin-form .checkbox-feild{justify-content:space-between;align-items:center;gap:1rem;display:flex}.signin-section .signin-wrapper .signin-form .checkbox-feild label{color:#4b5563;justify-content:flex-start;align-items:center;gap:.5rem;font-size:14px;font-weight:400;display:flex}.signin-section .signin-wrapper .signin-form .checkbox-feild label input{accent-color:#2a8c96;width:1rem;height:1rem}.signin-section .signin-wrapper .signin-form .checkbox-feild a{color:#2a8c96;font-size:14px;font-weight:500}.signin-section .signin-wrapper .signin-form .signin-btn{padding-top:.5rem}.signin-section .signin-wrapper .signin-form .signin-btn button{color:#fff;white-space:nowrap;background:#2a8c96;border:1px solid #2a8c96;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 1.5rem;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s,background-color .25s,filter .25s;display:flex}.signin-section .signin-wrapper .signin-form .signin-btn button svg{max-width:1.2rem;max-height:1.2rem;transition:transform .25s,opacity .25s}.signin-section .signin-wrapper .signin-form .signin-btn button:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 10px 25px #2a8c9659,0 3px 10px #2a8c9626}.signin-section .signin-wrapper .signin-form .signin-btn button:hover svg{opacity:.9;transform:scale(1.08)}.signin-section .signin-wrapper .signin-form .signin-btn button:active{transform:scale(.96);box-shadow:0 2px 6px #2a8c9640}.signin-section .signin-wrapper .signin-form .signin-btn button{width:100%}.signin-section .signin-wrapper .signin-form .signin-footer{text-align:center;flex-direction:column;gap:0;display:flex}.signin-section .signin-wrapper .signin-form .signin-footer p{color:#4b5563;font-size:14px;font-weight:400}.signin-section .signin-wrapper .signin-form .signin-footer a{color:#2a8c96;font-size:16px;font-weight:600}