@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.skip-link{position:absolute;top:-40px;left:8px;background:#2c3e50;color:#fff;padding:10px 16px;border-radius:6px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;text-decoration:none;z-index:100000;transition:top .15s ease}.skip-link:focus,.skip-link:focus-visible{top:8px;outline:3px solid #b8e6d5;outline-offset:2px}.skip-link:not(:focus):not(:focus-visible){clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute;white-space:nowrap}:focus-visible{outline:3px solid #2c3e50;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{padding:0;margin:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body *{font-family:inherit!important}@keyframes splash-bounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}@keyframes splash-glow{0%,to{filter:drop-shadow(0 0 20px rgba(255,255,255,.9)) drop-shadow(0 0 55px rgba(255,255,255,.5)) drop-shadow(0 0 90px rgba(255,255,255,.2))}50%{filter:drop-shadow(0 0 40px rgba(255,255,255,1)) drop-shadow(0 0 100px rgba(255,255,255,.8)) drop-shadow(0 0 160px rgba(255,255,255,.4))}}.splash-logo-wrap{animation:splash-glow 2.2s ease-in-out infinite;border-radius:28px;will-change:filter,transform}.splash-dot{width:11px;height:11px;border-radius:50%;display:inline-block;margin:0 5px;animation:splash-bounce 1.4s ease-in-out infinite;will-change:transform,opacity}.splash-dot:nth-child(1){animation-delay:0s;background:#f59e0b}.splash-dot:nth-child(2){animation-delay:.2s;background:#3b82f6}.splash-dot:nth-child(3){animation-delay:.4s;background:#10b981}.splash-fade-out{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.splash-logo-wrap,.splash-dot{animation:none}}:root{--mh-vino: #A4171B;--mh-serena: #D84C3F;--mh-vino-dark: #6f0e12;--mh-text: #1a1a1a;--mh-text-light: #8D8D8F;--mh-border: #e5e7eb;--mh-white: #ffffff;--mh-gray-bg: #f5f5f5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#ececec);padding:1rem}.login-wrapper{width:100%;max-width:1100px;background:var(--mh-white);border-radius:28px;overflow:hidden;box-shadow:0 8px 40px #a4171b1f,0 2px 8px #0000000f;display:flex;min-height:680px}.illustration-side{flex:1.1;background-size:cover;background-position:center;background-repeat:no-repeat;padding:2.5rem 2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.illustration-side:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#a4171be0,#6f0e12bf 40%,#a4171ba6,#1a0203eb);z-index:1}.illustration-side:after{content:"";position:absolute;bottom:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:#d84c3f26;z-index:1}.illustration-top{position:relative;z-index:2;text-align:center;width:100%}.illustration-badge{display:inline-block;background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:50px;padding:.5rem 1.25rem;font-size:.78rem;font-weight:600;color:#fff;letter-spacing:.08em;text-transform:uppercase}.illustration-center{position:relative;z-index:2;text-align:center;max-width:380px}.illustration-quote{font-size:2.1rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.25;text-shadow:0 2px 12px rgba(0,0,0,.4);margin-bottom:.75rem}.illustration-verse{font-size:.875rem;font-weight:500;color:#ffffffa6;letter-spacing:.05em}.illustration-bottom{position:relative;z-index:2;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.illustration-subtitle{font-size:.9rem;font-weight:400;color:#ffffffbf;line-height:1.6;max-width:320px}.logo-slots{display:flex;justify-content:center;align-items:center;gap:1rem}.logo-slot{width:110px;height:110px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#ffffffeb;border-radius:16px;border:1.5px solid rgba(255,255,255,.6);padding:10px;box-shadow:0 4px 20px #00000040}.logo-slot img{max-width:100%;max-height:100%;object-fit:contain}.form-side{flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center;background:var(--mh-white)}.form-container{max-width:380px;margin:0 auto;width:100%}.logo-container{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}.logo-icon{width:40px;height:40px;margin-bottom:.75rem}.logo-text{font-size:1.6rem;font-weight:700;color:var(--mh-text);letter-spacing:-.02em;display:block}.logo-text .hub{font-weight:400;color:var(--mh-text-light)}.logo-container:after{content:"";display:block;width:40px;height:3px;background:linear-gradient(90deg,var(--mh-vino),var(--mh-serena));border-radius:2px;margin-top:.75rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--mh-text);margin-bottom:.5rem}.form-input{width:100%;padding:.875rem 1rem;font-size:.9375rem;border:1.5px solid var(--mh-border);border-radius:12px;background:#fafafa;color:var(--mh-text);transition:all .2s ease;font-family:Roboto,sans-serif}.form-input:focus{outline:none;border-color:var(--mh-vino);background:var(--mh-white);box-shadow:0 0 0 3px #a4171b1a}.form-input::placeholder{color:silver}.form-input.error{border-color:#ef4444}.error-message{display:block;font-size:.75rem;color:#ef4444;margin-top:.375rem}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:3rem}.password-toggle-btn{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--mh-text-light);cursor:pointer;padding:.35rem .45rem;font-size:1.2rem;line-height:1;border-radius:8px;transition:background .2s ease,opacity .2s ease;display:flex;align-items:center;justify-content:center}.password-toggle-btn:hover{color:var(--mh-vino);background:#a4171b12}.btn-signin{width:100%;padding:1rem;background:linear-gradient(135deg,var(--mh-vino) 0%,var(--mh-serena) 100%);color:var(--mh-white);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:.01em;box-shadow:0 4px 16px #a4171b4d}.btn-signin:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #a4171b66;background:linear-gradient(135deg,var(--mh-vino-dark) 0%,var(--mh-vino) 100%)}.btn-signin:active:not(:disabled){transform:translateY(0)}.btn-signin:disabled{opacity:.55;cursor:not-allowed}.btn-signin.loading{color:transparent}.btn-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--mh-white);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-inline-error{display:flex;align-items:flex-start;gap:.6rem;padding:.8rem 1rem;border-radius:12px;font-size:.875rem;font-weight:500;margin-bottom:1rem;line-height:1.45;animation:loginFadeUp .25s ease-out both}.login-inline-error i{font-size:1rem;flex-shrink:0;margin-top:.1rem}.login-inline-error__body{display:flex;flex-direction:column;gap:.2rem}.login-inline-error__countdown{font-size:1.1rem;font-weight:700;letter-spacing:.03em;opacity:.85}.login-inline-error--error{background:#fff0f0;border:1.5px solid rgba(164,23,27,.25);color:#7f1d1d}.login-inline-error--warning{background:#fffbeb;border:1.5px solid rgba(245,158,11,.3);color:#78350f}.login-inline-error--locked{background:#f5f3ff;border:1.5px solid rgba(124,58,237,.25);color:#4c1d95}.alert-error{background:#fff0f0;border:1px solid rgba(164,23,27,.2);color:var(--mh-vino);padding:.875rem 1rem;border-radius:12px;margin-bottom:1.25rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.alert-icon{font-size:1.125rem}.login-footer{text-align:center;padding-top:1.5rem;margin-top:auto;font-size:.75rem;color:var(--mh-text-light)}.login-footer a{color:var(--mh-text-light);text-decoration:none}.login-footer a:hover{color:var(--mh-vino);text-decoration:underline}.login-footer-links{display:flex;justify-content:center;gap:.375rem;margin-bottom:.5rem;flex-wrap:wrap}.login-footer-links span{color:var(--mh-border)}@media(max-width:991px){.login-wrapper{flex-direction:column;min-height:auto}.illustration-side{padding:2rem 1.5rem;min-height:360px}.illustration-quote{font-size:1.625rem}.logo-slot{width:90px;height:90px}.form-side{padding:2rem 1.5rem}}@media(max-width:576px){.login-container{padding:0}.login-wrapper{border-radius:0;box-shadow:none}.illustration-side{padding:1.5rem 1.25rem;min-height:300px}.illustration-quote{font-size:1.375rem}.logo-slot{width:75px;height:75px}.form-side{padding:1.5rem}.logo-text{font-size:1.4rem}}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-wrapper{animation:loginFadeUp .45s ease-out both}.login-footer{animation:loginFadeUp .45s ease-out .1s both}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:99999;display:flex;flex-direction:column;gap:.625rem;pointer-events:none;max-width:360px;width:calc(100% - 3rem)}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;pointer-events:all;animation:toastIn .38s cubic-bezier(.34,1.56,.64,1) both;border:1px solid transparent;position:relative;overflow:hidden}.toast.exiting{animation:toastOut .26s ease-in both}.toast-error{background:#fff0f0f7;border-color:#a4171b33;color:#7f1d1d}.toast-success{background:#f0fdf4f7;border-color:#10b98138;color:#14532d}.toast-warning{background:#fffbebf7;border-color:#f59e0b38;color:#78350f}.toast-info{background:#eff6fff7;border-color:#3b82f638;color:#1e3a8a}.toast-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.toast-content{flex:1;min-width:0}.toast-title{font-weight:700;font-size:.875rem;margin-bottom:.2rem;line-height:1.3}.toast-message{font-size:.8rem;opacity:.82;line-height:1.45}.toast-close{background:none;border:none;cursor:pointer;opacity:.4;padding:0;font-size:1rem;line-height:1;flex-shrink:0;transition:opacity .2s;color:inherit}.toast-close:hover{opacity:.9}.toast-progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 0 14px;animation:toastProgress linear both}.toast-error .toast-progress{background:var(--mh-vino)}.toast-success .toast-progress{background:#10b981}.toast-warning .toast-progress{background:#f59e0b}.toast-info .toast-progress{background:#3b82f6}@keyframes toastIn{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0);max-height:200px}to{opacity:0;transform:translate(110%);max-height:0;padding:0}}@keyframes toastProgress{0%{width:100%}to{width:0%}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.form-shake{animation:shake .4s ease}