@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@keyframes iosToastIn{0%{transform:translateX(-50%) translateY(-100%) scale(.98);opacity:0}60%{transform:translateX(-50%) translateY(6px) scale(1.01);opacity:1}to{transform:translateX(-50%) translateY(0) scale(1);opacity:1}}@keyframes iosToastOut{0%{transform:translateX(-50%) translateY(0) scale(1);opacity:1}40%{transform:translateX(-50%) translateY(6px) scale(1.01);opacity:1}to{transform:translateX(-50%) translateY(-100%) scale(.98);opacity:0}}[v-cloak]{display:none}*{margin:0;padding:0;box-sizing:border-box}.logo-login-section,body{display:flex;align-items:center;justify-content:center}body{font-family:Montserrat,sans-serif;background-color:#f5f5f5;min-height:100vh;padding:20px}img.logo-booxit.menu{max-width:100px}.main-content.ready{width:100%;max-width:400px;margin:0 auto;background:#f5f5f5;padding:0}.logo-login-section{position:absolute;left:0;right:0;bottom:50px;z-index:-1}.logo-login-section img{height:23px;width:auto}.title-section{text-align:center;font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.subtitle{text-align:center;color:#999;font-size:14px;margin-bottom:32px}.form-group{margin-bottom:20px;position:relative}.form-control,.input{width:100%;padding:20px 15px;font-size:16px;border:1px solid #ddd;border-radius:8px;transition:all .2s;background-color:#fff;font-family:inherit}.form-control:focus,.input:focus{outline:0;border-color:#4a90e2;background-color:#fff}.input:focus{box-shadow:0 0 0 3px rgba(74,144,226,.1)}.form-control::placeholder,.input::placeholder{color:#aaa}.input-group{position:relative}.input-group input{padding-right:40px}.login-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;pointer-events:none}.invalid-feedback{color:#dc3545;font-size:14px;margin-bottom:10px;display:block}.custom-control{justify-content:center;margin-bottom:24px}.custom-control,.custom-control>div{display:flex;align-items:center}.custom-control-input{width:16px;height:16px;margin-right:8px;cursor:pointer}.custom-control-label{margin:0;font-size:14px;color:#666;cursor:pointer;user-select:none}.recoverypass{text-align:center}.recovery-psw{color:#4a90e2;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.recovery-psw:hover,.signup-section a:hover{text-decoration:underline}.login-btn{margin-top:24px}.bubbly-button{width:100%;padding:14px;font-size:16px;font-weight:600;color:#fff;background-color:#000;border:0;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.bubbly-button:hover:not(:disabled){background-color:#357abd;transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,144,226,.3)}.bubbly-button:active:not(:disabled){transform:translateY(0)}.bubbly-button:disabled{opacity:.6;cursor:not-allowed}.divider{text-align:center;margin:24px 0;position:relative}.divider::before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#e0e0e0}.divider span{background-color:#fff;padding:0 16px;color:#999;font-size:14px;position:relative}.signup-section{text-align:center;margin-top:24px;font-size:14px;color:#666}.signup-section a{color:#4a90e2;text-decoration:none;font-weight:500}@media (max-width:480px){.shadow-section{padding:24px}.title-section{font-size:28px}}.form-control.is-invalid{border-color:#dc3545;background-image:none}.form-control:focus{box-shadow:0 0 0 3px rgba(74,144,226,.1)}@supports (-webkit-appearance:none) or (-moz-appearance:none){input[type=checkbox],input[type=radio]{--active:#275efe;--active-inner:#fff;--focus:2px #275efe4d;--border:#bbc1e1;--border-hover:#275efe;--background:#fff;--disabled:#f6f8ff;--disabled-inner:#e1e6f9;-webkit-appearance:none;-moz-appearance:none;height:25px;outline:0;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--bc, var(--border));background:var(--b, var(--background));transition:background .3s,border-color .3s,box-shadow .2s}input[type=checkbox]:after,input[type=radio]:after{content:"";display:block;left:0;top:0;position:absolute;transition:transform var(--d-t, 0.3s) var(--d-t-e, ease),opacity var(--d-o, 0.2s)}input[type=checkbox]:checked,input[type=radio]:checked{--b:var(--active);--bc:var(--active);--d-o:0.3s;--d-t:0.6s;--d-t-e:cubic-bezier(0.2, 0.85, 0.32, 1.2)}input[type=checkbox]:disabled,input[type=radio]:disabled{--b:var(--disabled);cursor:not-allowed;opacity:.9}input[type=checkbox]:disabled:checked,input[type=radio]:disabled:checked{--b:var(--disabled-inner);--bc:var(--border)}input[type=checkbox]:hover:not(:checked):not(:disabled),input[type=radio]:hover:not(:checked):not(:disabled){--bc:var(--border-hover)}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:0 0 0 var(--focus)}input[type=checkbox]:not(.switch),input[type=radio]:not(.switch){width:25px;margin-right:7px}input[type=checkbox]:not(.switch):after,input[type=radio]:not(.switch):after{opacity:var(--o, 0)}input[type=checkbox]:not(.switch):checked,input[type=radio]:not(.switch):checked{--o:1}input[type=checkbox]:not(.switch){border-radius:50px;position:relative}input[type=checkbox]:not(.switch):after{width:6px;height:10px;border:2px solid var(--active-inner);border-top:0;border-left:0;left:8px;top:4px;transform:rotate(var(--r, 20deg))}input[type=checkbox]:not(.switch):checked{--r:43deg}input[type=checkbox].switch:disabled:not(:checked):after{opacity:.6}input[type=radio]{border-radius:50%}input[type=radio]:after{background:var(--active-inner);opacity:0;transform:scale(var(--s, 0.7))}input[type=radio]:checked{--s:0.5}}.ios-toast-wrap{position:fixed;top:12px;left:50%;z-index:9999;pointer-events:none;width:calc(100% - 40px);max-width:420px;display:flex;justify-content:center}.ios-toast{pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(255,255,255,.85);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.06);padding:12px 14px;display:flex;gap:12px;align-items:center;width:100%;box-sizing:border-box;transform-origin:top center;opacity:0}.ios-toast .icon{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:16px;flex-shrink:0}.ios-toast .content{display:flex;flex-direction:column;gap:2px;color:#111;font-size:14px;line-height:1.1;font-weight:600}.ios-toast .title{font-size:13px;opacity:.95}.ios-toast .msg{font-size:12px;font-weight:500;opacity:.8}.ios-toast.error .icon{background:#fbeaea;color:#d04545}.ios-toast.error{border-color:rgba(208,66,66,.08)}.ios-toast.success .icon{background:#e9fbef;color:#1e9a48}.ios-toast.info .icon{background:#eef7ff;color:#1e66d6}.ios-toast .close-btn{margin-left:auto;border:0;background:0 0;cursor:pointer;font-size:16px;opacity:.7}.ios-toast.show{animation:iosToastIn 420ms cubic-bezier(.2,.9,.3,1) forwards}.ios-toast.hide{animation:iosToastOut 420ms cubic-bezier(.2,.9,.3,1) forwards}