.login-page[data-v-a04c176a]{min-height:100vh;background:#183052;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.login-page[data-v-a04c176a]:before{content:"";background:radial-gradient(circle at left center,rgba(85,183,170,.15),transparent 60%)}.login-bg[data-v-a04c176a],.login-page[data-v-a04c176a]:before{position:absolute;top:0;right:0;bottom:0;left:0}.login-bg[data-v-a04c176a]{pointer-events:none}.bg-logo[data-v-a04c176a]{position:absolute;width:1200px;opacity:.15;left:-200px;bottom:-200px}.login-tittle[data-v-a04c176a]{font-size:20px!important;text-align:center}.login-content[data-v-a04c176a]{position:relative;z-index:5;width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 420px;grid-gap:80px;gap:80px;padding:40px}.login-text[data-v-a04c176a]{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;grid-gap:20px;gap:20px}.login-text h1[data-v-a04c176a]{color:#f8ede1;font-size:40px;font-weight:500;line-height:1.2;letter-spacing:-.5px;max-width:600px}.highlight[data-v-a04c176a]{font-weight:800;color:#f8ede1}.login-card[data-v-a04c176a]{background:#fff;border-radius:16px;padding:40px;box-shadow:0 30px 60px rgba(0,0,0,.25),0 8px 16px rgba(0,0,0,.15)}.brand-logo[data-v-a04c176a]{width:190px;margin:0 auto 20px;display:block}.login-card h2[data-v-a04c176a]{font-size:24px;margin-bottom:24px}.form-group[data-v-a04c176a]{margin-bottom:18px}.password-input[data-v-a04c176a]{position:relative}.password-toggle[data-v-a04c176a]{position:absolute;right:15px;top:25px;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;padding:0;z-index:20}.password-toggle img[data-v-a04c176a]{width:18px;opacity:.6}[data-v-a04c176a] .form-control{padding-left:44px;border:none;background:transparent;height:48px}[data-v-a04c176a] .form-control:focus{border-color:transparent;box-shadow:none}[data-v-a04c176a] .input-group[focus-within]{border:1px solid #55b7aa;box-shadow:0 0 0 3px rgba(85,183,170,.15);border-radius:10px}[data-v-a04c176a] .input-group:focus-within{border:1px solid #55b7aa;box-shadow:0 0 0 3px rgba(85,183,170,.15);border-radius:10px}[data-v-a04c176a] .input-group{border:1px solid transparent;border-radius:10px;background:#f4f7fb;overflow:hidden}[data-v-a04c176a] .input-group-prepend{position:absolute;left:5px;top:50%;transform:translateY(-50%);z-index:5}[data-v-a04c176a] .input-group-text{background:transparent;border:none;color:#9aa4b2}.login-options[data-v-a04c176a]{display:flex;justify-content:space-between;align-items:center;margin:16px 0;font-size:14px}.login-options a[data-v-a04c176a]{color:#55b7aa;font-weight:600;margin-left:4px;text-decoration:none}.login-button[data-v-a04c176a]{width:100%;height:48px;border-radius:10px;background:#55b7aa;color:#fff;font-weight:600;margin-top:20px}.register-link[data-v-a04c176a]{margin-top:20px;text-align:center;font-size:14px;color:#6b7280}.register-link a[data-v-a04c176a]{color:#55b7aa;font-weight:600;margin-left:4px;text-decoration:none}.tutorials-button[data-v-a04c176a]{display:flex;align-items:center;grid-gap:8px;gap:8px;background:#55b7aa;color:#fff;border:none;border-radius:50px;padding:14px 22px;cursor:pointer;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:.25s;z-index:999}.tutorials-button[data-v-a04c176a]:hover{transform:translateY(-2px);background:#4aa79b}.tutorial-modal-overlay[data-v-a04c176a]{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;justify-content:center;align-items:center;z-index:2000}.tutorial-modal[data-v-a04c176a]{width:500px;max-width:90vw;background:#fff;border-radius:18px;padding:25px;-webkit-animation:fadeIn-data-v-a04c176a .2s ease;animation:fadeIn-data-v-a04c176a .2s ease}.tutorial-header[data-v-a04c176a]{display:flex;justify-content:space-between;align-items:center}.tutorial-header h3[data-v-a04c176a]{margin:0;color:#183052}.close-modal[data-v-a04c176a]{background:none;border:none;font-size:22px;cursor:pointer}.tutorial-description[data-v-a04c176a]{color:#6b7280}.tutorial-item[data-v-a04c176a]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:12px;background:#f5f7fa;margin-bottom:15px;cursor:pointer;transition:.2s}.tutorial-item[data-v-a04c176a]:hover{background:#e8f5f3;transform:translateX(3px)}.tutorial-item h4[data-v-a04c176a]{margin:0 0 4px;color:#183052}.tutorial-item span[data-v-a04c176a]{color:#7b8794;font-size:14px}@-webkit-keyframes fadeIn-data-v-a04c176a{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn-data-v-a04c176a{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.login-content[data-v-a04c176a]{grid-template-columns:1fr;grid-gap:28px;gap:28px;padding:20px}.login-text[data-v-a04c176a]{justify-content:center;text-align:center;align-items:center}.login-text h1[data-v-a04c176a]{font-size:22px;line-height:1.3;max-width:100%}.login-card[data-v-a04c176a]{max-width:100%;padding:28px 20px}.brand-logo[data-v-a04c176a]{width:150px}.login-options[data-v-a04c176a]{flex-direction:column;grid-gap:10px;gap:10px;text-align:center}.bg-logo[data-v-a04c176a]{width:970px;left:-340px;bottom:-220px;opacity:.1}}