.signin{height:100vh;width:100vw;position:relative;background:#f4f6f8;display:flex;justify-content:center;align-items:center;overflow:hidden}.signin-bg-top-right{top:0;right:0;transform:rotate(0deg)}.signin-bg-bottom-left,.signin-bg-top-right{position:absolute;opacity:.15;width:30vw;height:auto;max-width:400px}.signin-bg-bottom-left{bottom:0;left:0;transform:rotate(180deg)}.signin-content-box{width:440px;min-height:520px;background:#fff;border-radius:12px;padding:40px;z-index:10;box-shadow:0 10px 30px rgba(0,0,0,.1)}.logo-container{text-align:center;margin-bottom:20px}.signin-header{margin-bottom:30px;text-align:center}.signin-header-image{margin-bottom:10px;opacity:.8}.signin-heading{font-size:30px;font-weight:700;color:#20114d;margin-bottom:8px}.signin-subheading{font-size:14px;color:#7a8b94;font-weight:500}.signin-form-fields{display:flex;row-gap:20px;flex-direction:column}.input-content{display:flex;flex-direction:column;row-gap:8px;position:relative}.input-header{color:#20114d;font-size:13px;font-weight:600}.input-box{font-size:14px;padding:12px 16px;height:50px;border-radius:8px;border:1px solid rgba(54,64,73,.2);outline:none;color:#3c4852;transition:border-color .2s ease,box-shadow .2s ease}.input-box:focus{border-color:#20114d;box-shadow:0 0 0 3px rgba(32,17,77,.1)}.password{padding-right:48px}.password-toggle{position:absolute;bottom:15px;right:16px;cursor:pointer;width:20px;height:20px;opacity:.7;transition:opacity .2s}.password-toggle:hover{opacity:1}.signin-footer{margin-top:40px;display:flex;flex-direction:column;align-items:center;row-gap:25px}.login-btn{width:100%;height:50px;padding:10px 12px;border-radius:8px;border:none;background:#20114d;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.login-btn:hover{background:#3c2a6f;transform:translateY(-1px)}.powered-by-group{display:flex;flex-direction:column;align-items:center;gap:4px}.powered-by-image{opacity:.7;height:auto;width:110px}.powered-by-text{font-size:11px;color:#7a8b94;font-weight:400}@media screen and (max-width:480px){.signin-content-box{width:90%;min-height:auto;padding:30px 20px;box-shadow:none}.signin-heading{font-size:26px}.signin-header{margin-bottom:25px}.signin-footer{margin-top:30px}.signin-bg-bottom-left,.signin-bg-top-right{width:50vw;opacity:.1}}@media screen and (min-width:481px) and (max-width:768px){.signin-content-box{width:380px;padding:30px}}