@layer bricks {.brxe-shortcode{width:100%}}.jf-footer .jf-site-footer__hero{ visibility: hidden;margin-top: -200px;@media(width<768px){ display:none;}}@layer jf-pages{  .jf-account { max-width: 640px; margin-inline: auto; padding: var(--jf-space-xl) var(--jf-space-s); }  .jf-account-msg { padding: 14px 20px; border-radius: var(--jf-radius-m); margin-bottom: var(--jf-space-m); font-family: var(--jf-font-body); font-weight: var(--jf-weight-medium); } .jf-account-msg--success { background: color-mix(in oklab, var(--jf-color-green) 15%, white); color: #1a6b27; border: 1px solid color-mix(in oklab, var(--jf-color-green) 40%, white); } .jf-account-msg--error { background: color-mix(in oklab, var(--jf-color-pink) 12%, white); color: #8b1a2a; border: 1px solid color-mix(in oklab, var(--jf-color-pink) 35%, white); }  .jf-account__header { display: flex; align-items: center; gap: var(--jf-space-m); margin-bottom: var(--jf-space-l); padding: var(--jf-space-m); background: var(--jf-surface-2); border-radius: var(--jf-radius-2xl); } .jf-account__avatar img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; display: block; } .jf-account__name { margin: 0; font-family: var(--jf-font-heading); font-size: var(--jf-text-xl); font-weight: var(--jf-weight-black); color: var(--jf-color-black); } .jf-account__email { margin: 4px 0 8px; color: var(--jf-text-muted); } .jf-account__role { display: inline-block; padding: 3px 10px; background: var(--jf-color-purple); color: var(--jf-color-white); border-radius: var(--jf-radius-full); font-family: var(--jf-font-heading); font-weight: var(--jf-weight-bold); text-transform: uppercase; letter-spacing: 0.05em; }  .jf-account__tabs { display: flex; gap: 8px; margin-bottom: var(--jf-space-m); border-bottom: 2px solid var(--jf-border); padding-bottom: 0; } .jf-account__tab { padding: 10px 20px; background: none; border: none; border-bottom: 3px solid transparent; margin-bottom: -2px; font-family: var(--jf-font-body); font-weight: var(--jf-weight-semibold); color: var(--jf-text-muted); cursor: pointer; transition: var(--jf-transition-colors); } .jf-account__tab:hover { color: var(--jf-color-purple-btn); } .jf-account__tab--active { color: var(--jf-color-purple-btn); border-bottom-color: var(--jf-color-purple-btn); }  .jf-account__panel--hidden { display: none; }  .jf-account__form { display: grid; gap: var(--jf-space-m); } .jf-account__field { display: grid; gap: 6px; } .jf-account__field label { font-family: var(--jf-font-body); font-weight: var(--jf-weight-semibold); color: var(--jf-color-black); } .jf-account__field input, .jf-account__field select { width: 100%; padding: 12px 16px; background: var(--jf-color-white); border: 1.5px solid var(--jf-color-blue); border-radius: var(--jf-radius-m); font-family: var(--jf-font-body); border-radius: 12px; color: var(--jf-color-black); transition: border-color var(--jf-dur-2) var(--jf-ease); } .jf-account__field input:focus, .jf-account__field select:focus { outline: none; border-color: var(--jf-color-blue); } .jf-account__field input:disabled { opacity: 0.5; cursor: not-allowed; } .jf-account__field small { font-size: var(--jf-text-xs); color: var(--jf-text-muted); }  .jf-account__footer { margin-top: var(--jf-space-xl); padding-top: var(--jf-space-m); border-top: 1px solid var(--jf-border); text-align: center; } .jf-account__logout { font-family: var(--jf-font-body); font-size: var(--jf-text-s); color: var(--jf-text-muted); text-decoration: underline; text-underline-offset: 3px; transition: color var(--jf-dur-2) var(--jf-ease); } .jf-account__logout:hover { color: var(--jf-color-pink); } .jf-account__forgot{ display: flex; justify-self: center; } @media (max-width: 640px) { .jf-account__header { flex-direction: column; text-align: center; } .jf-account__tab { padding: 8px 14px; font-size: var(--jf-text-xs); } } .jf-wrapper-account .jf-btn{ border-radius: 12px !important; background-color:var(--jf-color-blue)!important ; color:var(--jf-color-dark) !important; border:none; } .img-login-logo{ margin: 0 auto ; width: 150px; } .jf-account__input-wrapper { position: relative; display: flex; align-items: center;}.jf-account__input-wrapper input { flex: 1; padding-right: 3rem;}.jf-account__pwd-toggle { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; border: none; padding: 4px; display: flex; align-items: center; justify-content: center; color: var(--jf-text-muted); cursor: pointer; transition: color var(--jf-dur-2) var(--jf-ease); line-height: 0;}.jf-account__pwd-toggle:hover { color: var(--jf-color-purple-btn);}}