.login-screen{position:fixed;inset:0;z-index:100;background:#020403;display:grid;grid-template-columns:1fr 1fr;color:#fff;transition:opacity .35s ease,visibility .35s ease}.login-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.login-brand-panel{position:relative;background:#020403 url('sifirpay-login-bg.png') center/cover no-repeat;display:grid;place-items:center;padding:32px}.login-brand-content{text-align:center;width:min(620px,94%);transform:translateY(22px)}.login-logo{display:flex;justify-content:center;align-items:center;gap:12px;font:800 clamp(42px,5vw,66px) Manrope}.login-logo span{display:grid;place-items:center;width:.82em;height:.82em;border-radius:16%;background:#08a56e;color:#fff;font-size:.58em;box-shadow:0 0 35px #08a56e66}.login-logo i{font-style:normal;color:#0acb87}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.trust-grid article{background:#030706d9;border:1px solid #174333;border-radius:14px;padding:15px 10px;min-height:90px;display:grid;align-content:center}.trust-grid small{display:block;color:#6c7974;font-size:9px;letter-spacing:1.3px;margin-bottom:8px}.trust-grid strong{color:#1dcc8d;font-size:12px;line-height:1.45}.login-form-panel{position:relative;background:#080b0a;display:flex;align-items:flex-start;justify-content:center;padding:130px 38px 40px;border-left:1px solid #12231d}.login-form{width:min(448px,100%)}.login-form h1{font:700 30px/36px Inter;margin:0 0 4px;text-align:center}.login-form>p{text-align:center;color:#818985;margin:0 0 36px;font-size:12px}.login-form label{display:block;margin:0 0 16px}.login-form label>input,.password-field{width:100%;height:48px;border:1px solid #34413b;background:transparent;border-radius:6px;color:#fff}.login-form label>input{padding:0 13px;outline-color:#08a56e}.password-field{display:flex;align-items:center}.password-field input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:0;color:#fff;padding:0 13px;font:12px Inter}.password-field button{width:46px;height:100%;border:0;background:transparent;color:#737e79;font-size:17px;cursor:pointer}.forgot-btn{display:block;margin:0 0 26px auto;border:0;background:transparent;color:#18bb82;font:500 10px Inter;cursor:pointer}.login-submit{width:100%;height:56px;border:0;border-radius:16px;background:#08a56e;color:#fff;font:700 12px Inter;box-shadow:0 10px 32px #08a56e40;cursor:pointer}.login-submit:hover{background:#09b779}.login-submit span{margin-left:8px;font-size:17px}.login-divider{display:flex;align-items:center;gap:20px;margin:30px 0;color:#6f7773;font-size:10px}.login-divider i{height:1px;background:#29322e;flex:1}.create-account{width:100%;height:56px;border:1px solid #34413b;border-radius:16px;background:transparent;color:#fff;font:600 12px Inter;cursor:pointer}.create-account:hover{border-color:#08a56e}.support-bubble{position:absolute;right:22px;bottom:20px;width:52px;height:52px;border:0;border-radius:50%;background:#08a56e;color:#fff;font-size:20px;box-shadow:0 8px 25px #08a56e55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-login-logo{display:none}@media(max-width:900px){.login-screen{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{padding:190px 16px 30px;align-items:flex-start}.mobile-login-logo{display:none}.login-form h1{font-size:30px}.login-form>p{margin-bottom:36px}.support-bubble{right:18px;bottom:18px}}