[data-v-8f2966c2]:root{--teal-primary: #00A39E;--teal-hover: #008080;--teal-light: #E6F7F6;--orange-accent: #FF6B35}.modern-inner-banner[data-v-8f2966c2]{background:#00A39E;padding:80px 0 60px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;position:relative}.modern-inner-banner .inner-title[data-v-8f2966c2]{position:relative;z-index:1}.modern-inner-banner .inner-title h3[data-v-8f2966c2]{font-size:42px;font-weight:700;color:#fff;margin-bottom:15px;text-align:center}.modern-inner-banner .inner-title ul[data-v-8f2966c2]{list-style:none;padding:0;margin:0;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.modern-inner-banner .inner-title ul li[data-v-8f2966c2]{font-size:16px;color:#fff;font-weight:400}.modern-inner-banner .inner-title ul li[data-v-8f2966c2]:before{display:none}.modern-inner-banner .inner-title ul li[data-v-8f2966c2]:not(:last-child):after{content:" / ";margin:0 5px;color:#fff}.modern-inner-banner .inner-title ul li a[data-v-8f2966c2]{color:#fff;text-decoration:none;transition:all .3s ease}.modern-inner-banner .inner-title ul li a[data-v-8f2966c2]:hover{color:#fffc;text-decoration:underline}.modern-user-area[data-v-8f2966c2]{padding:80px 0;background:#f8f9fa;min-height:calc(100vh - 300px)}.modern-user-area .user-img[data-v-8f2966c2]{text-align:center;padding:20px}.modern-user-area .user-img img[data-v-8f2966c2]{max-width:100%;height:auto;border-radius:20px;box-shadow:0 10px 40px #00a39e26}.modern-login-card[data-v-8f2966c2]{background:#ffffff;border-radius:24px;padding:50px 40px;box-shadow:0 10px 50px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.modern-login-card[data-v-8f2966c2]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--teal-primary),var(--orange-accent))}.modern-login-card[data-v-8f2966c2]:hover{box-shadow:0 15px 60px #00a39e26;transform:translateY(-5px)}.modern-login-card .user-title[data-v-8f2966c2]{margin-bottom:35px;text-align:center}.modern-login-card .user-title span[data-v-8f2966c2]{font-size:32px;font-weight:700;color:var(--teal-primary);position:relative;display:inline-block;padding-bottom:15px}.modern-login-card .user-title span[data-v-8f2966c2]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--orange-accent),var(--teal-primary));border-radius:2px}.modern-login-card .form-group[data-v-8f2966c2]{margin-bottom:25px}.modern-login-card .form-label[data-v-8f2966c2]{display:block;font-weight:600;color:#1f2937;margin-bottom:10px;font-size:15px}.input-wrapper[data-v-8f2966c2]{position:relative;display:flex;align-items:center;width:100%;margin-bottom:5px}.input-icon[data-v-8f2966c2]{position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--teal-primary);font-size:22px;z-index:2;pointer-events:none;transition:all .3s ease;width:30px;display:flex;align-items:center;justify-content:center}.input-wrapper:focus-within .input-icon[data-v-8f2966c2]{color:var(--teal-hover);transform:translateY(-50%) scale(1.15)}.modern-input[data-v-8f2966c2]{width:100%;padding:14px 40px 14px 0;border:none;border-bottom:2px solid #e5e7eb;border-radius:0;font-size:15px;transition:all .3s ease;background:transparent;color:#1f2937;position:relative}.modern-input[data-v-8f2966c2]:focus{outline:none;border-bottom-color:var(--teal-primary);background:transparent;border-bottom-width:3px}.modern-input:focus+.input-icon[data-v-8f2966c2],.input-wrapper:focus-within .input-icon[data-v-8f2966c2]{color:var(--teal-primary)}.modern-input[data-v-8f2966c2]::placeholder{color:#9ca3af;opacity:.7}.form-condition[data-v-8f2966c2]{margin-bottom:30px}.agree-label[data-v-8f2966c2]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.modern-checkbox[data-v-8f2966c2]{width:20px;height:20px;cursor:pointer;accent-color:var(--teal-primary);margin-top:0}.agree-label label[data-v-8f2966c2]{display:flex;align-items:center;gap:10px;font-size:14px;color:#4b5563;cursor:pointer;flex-wrap:wrap}.forget-link[data-v-8f2966c2]{color:var(--orange-accent)!important;text-decoration:none;font-weight:600;transition:all .3s ease;margin-right:auto}.forget-link[data-v-8f2966c2]:hover{color:var(--teal-primary)!important;text-decoration:underline}.d-flex.flex-column.gap-3[data-v-8f2966c2]{display:flex;flex-direction:column;gap:15px}.modern-login-btn[data-v-8f2966c2]{width:100%;padding:16px 30px;background:linear-gradient(135deg,var(--teal-primary),var(--teal-hover));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #00a39e4d;text-transform:none}.modern-login-btn[data-v-8f2966c2]:hover{background:linear-gradient(135deg,var(--teal-hover),#006b5f);transform:translateY(-2px);box-shadow:0 8px 25px #00a39e66;color:#fff}.modern-login-btn[data-v-8f2966c2]:active{transform:translateY(0)}.modern-google-btn[data-v-8f2966c2]{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;appearance:none;-webkit-appearance:none;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1f1f1f;cursor:pointer;font-family:Cairo,sans-serif;font-size:15px;font-weight:600;height:52px;outline:none;overflow:hidden;padding:0 20px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%}.modern-google-btn[data-v-8f2966c2]:hover{border-color:var(--teal-primary);box-shadow:0 4px 15px #00a39e26;transform:translateY(-2px);background:#ffffff}.modern-google-btn .gsi-material-button-content-wrapper[data-v-8f2966c2]{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.modern-google-btn .gsi-material-button-icon[data-v-8f2966c2]{height:24px;width:24px;min-width:24px;display:flex;align-items:center;justify-content:center}.modern-google-btn .gsi-material-button-contents[data-v-8f2966c2]{font-family:Cairo,sans-serif;font-weight:600;font-size:15px;color:#1f1f1f}.modern-google-btn .gsi-material-button-state[data-v-8f2966c2]{transition:opacity .3s ease;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;background-color:var(--teal-primary)}.modern-google-btn:not(:disabled):hover .gsi-material-button-state[data-v-8f2966c2]{opacity:.08}.modern-google-btn:not(:disabled):active .gsi-material-button-state[data-v-8f2966c2]{opacity:.12}.modern-register-link[data-v-8f2966c2]{display:block;text-align:center;color:var(--teal-primary)!important;text-decoration:none;font-weight:600;font-size:15px;padding:12px;transition:all .3s ease;border-radius:8px}.modern-register-link[data-v-8f2966c2]:hover{color:var(--teal-hover)!important;background:var(--teal-light);text-decoration:underline}@media (max-width: 991px){.modern-inner-banner[data-v-8f2966c2]{padding:60px 0 40px}.modern-inner-banner .inner-title h3[data-v-8f2966c2]{font-size:32px}.modern-login-card[data-v-8f2966c2]{padding:40px 30px;margin-top:30px}.modern-user-area[data-v-8f2966c2]{padding:60px 0}}@media (max-width: 576px){.modern-login-card[data-v-8f2966c2]{padding:30px 20px;border-radius:20px}.modern-login-card .user-title span[data-v-8f2966c2]{font-size:26px}.modern-inner-banner .inner-title h3[data-v-8f2966c2]{font-size:28px}}