:root{--bg-page: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--logo-bg: #f3f4f6;--logo-border: #e5e7eb;--logo-icon: #4f46e5;--input-bg: #ffffff;--input-bg-focus: #ffffff;--input-border: #cbd5e1;--input-border-hover: #94a3b8;--input-border-focus: #0066ff;--btn-primary-bg: #0066ff;--btn-primary-hover: #0055d4;--btn-primary-text: #ffffff;--btn-ghost-text: #1f2937;--btn-ghost-hover-bg: #f3f4f6;--btn-outline-border: #cbd5e1;--btn-outline-text: #111827;--btn-outline-hover-bg: #f3f4f6;--radius-input: 14px;--radius-pill: 9999px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.login-viewport{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background-color:var(--bg-page)}.login-card{flex:1;width:100%;max-width:402px;background-color:var(--bg-page);padding:4px 4px 6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}@media(min-width:600px){.login-card{flex:0 1 auto;min-height:min(calc(100dvh - 32px),840px)}}.login-main{width:100%;margin:auto 0;padding:20px 0;display:flex;flex-direction:column;align-items:center}.language-bar{width:100%;display:flex;justify-content:center;padding-top:2px}.language-text{font-size:13px;font-weight:400;color:var(--text-secondary);text-align:center}.brand-header{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:42px}.brand-custom-img{width:66px;height:66px;object-fit:contain;display:block}.brand-badge{width:66px;height:66px;border-radius:20px;background-color:var(--logo-bg);border:1px solid var(--logo-border);color:var(--logo-icon);display:flex;align-items:center;justify-content:center}.brand-wordmark{font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.login-form{width:100%;display:flex;flex-direction:column;align-items:center}.inputs-stack{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.floating-field{position:relative;width:100%;height:56px;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-input);display:flex;align-items:center;padding:0 16px;cursor:text;transition:border-color .18s ease,background-color .18s ease;text-align:left;-webkit-tap-highlight-color:transparent}.floating-field:hover{border-color:var(--input-border-hover)}.floating-field.is-focused{background-color:var(--input-bg-focus);border-color:var(--input-border-focus)}.floating-field__inner{position:relative;flex:1;height:100%;min-width:0}.floating-field__label{position:absolute;left:0;top:50%;transform:translateY(-50%);transform-origin:left center;font-size:14.5px;font-weight:400;color:var(--text-secondary);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:transform .18s cubic-bezier(.2,0,0,1),color .18s ease,top .18s cubic-bezier(.2,0,0,1)}.floating-field.is-floating .floating-field__label{top:15px;transform:translateY(-50%) scale(.8);color:var(--text-secondary)}.floating-field.is-focused .floating-field__label{color:var(--text-primary)}.floating-field__input{width:100%;height:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:16px;font-weight:500;color:var(--text-primary);padding:20px 0 4px}.floating-field__toggle{margin-left:6px;padding:4px 8px;border:none;border-radius:var(--radius-pill);background:transparent;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-primary);cursor:pointer;flex-shrink:0}.floating-field__toggle:hover{background-color:#0000000d}.pill-btn{width:100%;height:46px;border-radius:var(--radius-pill);font-family:inherit;font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .1s ease,opacity .18s ease,box-shadow .18s ease}.pill-btn:active{transform:scale(.985)}.pill-btn--primary{border:none;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 2px 10px #0066ff40}.pill-btn--primary.is-muted{opacity:1}.pill-btn--primary:hover:not(:disabled){background-color:var(--btn-primary-hover);box-shadow:0 4px 14px #0066ff52;opacity:1}.pill-btn--primary:disabled{cursor:wait;opacity:.65}.pill-btn--ghost{margin-top:10px;height:40px;width:auto;padding:0 18px;border:none;background:transparent;color:var(--btn-ghost-text);font-size:14px;font-weight:500}.pill-btn--ghost:hover{background-color:var(--btn-ghost-hover-bg)}.pill-btn--outline{height:44px;background:transparent;border:1px solid var(--btn-outline-border);color:var(--btn-outline-text)}.pill-btn--outline:hover{background-color:var(--btn-outline-hover-bg)}.feedback-banner{width:100%;margin-top:14px;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:500;line-height:1.4;background-color:#f3f4f6;color:var(--text-primary);border:1px solid #e5e7eb}.login-footer{width:100%;padding-top:16px;display:flex;flex-direction:column;align-items:center}.footer-brand{width:100%;margin-top:16px;display:flex;align-items:center;justify-content:center}.footer-custom-img{height:100px;max-width:120px;width:auto;object-fit:contain;display:block}.footer-image-placeholder{width:64px;height:26px;border-radius:8px;border:1px dashed #cbd5e1;background-color:#f9fafb;color:#94a3b8;display:flex;align-items:center;justify-content:center}@media(max-width:480px){.floating-field{height:50px}.floating-field__label{font-size:13px}.floating-field.is-floating .floating-field__label{top:12px}.floating-field__input{padding:16px 0 2px;font-size:15px}.floating-field__toggle{font-size:10.5px;padding:3px 6px}.pill-btn{height:42px;font-size:14px}.pill-btn--ghost{font-size:13px}.brand-header{margin-bottom:30px}}