:root {--ewatt-blue: #1C2F5B;--ewatt-blue-hover: #243a6b;--ewatt-yellow: #EDE190;--ewatt-white: #DCE5F4;--ewatt-green: #2E582A;}html, body {margin: 0;padding: 0;min-height: 100vh;font-family: 'BIZ UDPGothic', sans-serif;}.auth-fullscreen {min-height: 100vh;background: var(--ewatt-blue);display: flex;flex-direction: column;position: relative;overflow: hidden;}.auth-main {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 2rem;position: relative;z-index: 1;gap: 1.5rem;}.auth-welcome {font-family: 'Pathway Extreme', sans-serif;font-weight: 700;font-size: clamp(1.5rem, 4vw, 2rem);color: #fff;text-align: center;margin: 0;}.auth-welcome-yellow {color: var(--ewatt-yellow);}.attach-account-title {color: var(--ewatt-blue);margin-bottom: 0.85rem;}.attach-account-subtitle {font-family: 'BIZ UDPGothic', sans-serif;color: rgba(28, 47, 91, 0.85);margin: 0 0 1.25rem 0;}.attach-account-actions {margin-top: 1.25rem;}.auth-card {font-family: 'BIZ UDPGothic', sans-serif;background: var(--ewatt-white);border-radius: 16px;box-shadow: 0 20px 60px rgba(0,0,0,0.25);width: 100%;max-width: 420px;padding: 2.5rem;position: relative;overflow: hidden;}.auth-card h1 {font-family: 'BIZ UDPGothic', sans-serif;margin: 0 0 0.25rem 0;font-size: 1.75rem;font-weight: 700;color: var(--ewatt-blue);}.auth-card .auth-subtitle {font-family: 'BIZ UDPGothic', sans-serif;margin: 0 0 1.75rem 0;font-size: 0.95rem;font-weight: 400;color: var(--ewatt-blue);}.auth-card .form-group label {font-family: 'BIZ UDPGothic', sans-serif;display: block;margin-bottom: 0.35rem;font-size: 1.05rem;font-weight: 700;color: var(--ewatt-blue);}.auth-card input[type="text"],.auth-card input[type="email"],.auth-card input[type="password"] {font-family: 'BIZ UDPGothic', sans-serif;font-weight: 400;width: 100%;padding: 0.75rem 1rem;border: 1px solid rgba(28, 47, 91, 0.25);border-radius: 8px;font-size: 1.1rem;box-sizing: border-box;color: var(--ewatt-blue);background: #FAF6DA;}.auth-card input::placeholder {color: rgba(28, 47, 91, 0.5);}.auth-card input:focus {outline: none;border-color: var(--ewatt-blue);box-shadow: 0 0 0 3px rgba(28, 47, 91, 0.15);}.auth-card .btn-primary, .auth-card .ewatt-button {font-family: 'BIZ UDPGothic', sans-serif;font-weight: 700;width: 100%;padding: 0.85rem 1.5rem;border-radius: 8px;font-size: 1.1rem;border: none;background: var(--ewatt-blue);color: #fff;cursor: pointer;margin-top: 0.5rem;}.auth-card .btn-primary:hover, .auth-card .ewatt-button:hover {background: var(--ewatt-blue-hover);}.auth-divider {font-family: 'BIZ UDPGothic', sans-serif;margin: 1.5rem 0;text-align: center;color: var(--ewatt-blue);font-size: 1.05rem;font-weight: 400;}.auth-social {display: flex;flex-direction: column;gap: 0.75rem;}.auth-social .btn {font-family: 'BIZ UDPGothic', sans-serif;font-weight: 700;display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.75rem 1rem;border: 1px solid rgba(46, 88, 42, 0.4);border-radius: 8px;background: #5B7F5A;font-size: 1.05rem;color: #fff;text-decoration: none;cursor: pointer;}.auth-social .btn:hover {background: #4a6b49;border-color: #2E582A;}.auth-card .ewatt-button:active, .auth-social .btn:active {transform: scale(0.98);}.auth-social .auth-social-icon {border-radius: 4px;}.auth-footer-link {font-family: 'BIZ UDPGothic', sans-serif;font-weight: 400;display: block;text-align: center;margin-top: 1.5rem;font-size: 1rem;color: var(--ewatt-blue);text-decoration: none;}.auth-footer-link:hover {text-decoration: underline;}.auth-password-field {position: relative;}.auth-password-toggle {position: absolute;right: 18px;top: 50%;transform: translateY(-50%);cursor: pointer;font-size: 1.4rem;color: var(--ewatt-blue);user-select: none;}.auth-password-toggle:hover {opacity: 0.85;}.required-indicator { display: none; }.auth-card .alert,.auth-card .alert-warning,.auth-card .alert-danger,.auth-card .alert-success {font-family: 'BIZ UDPGothic', sans-serif;}.auth-card a.ewatt-button.auth-return-error-link {display: block;text-align: center;text-decoration: none;margin-top: 1rem;}.auth-card .auth-return-error-hint {font-family: 'BIZ UDPGothic', sans-serif;font-size: 0.95rem;color: var(--ewatt-blue);margin: 0.75rem 0 0;}.auth-card .alert-danger {color: #721c24;background-color: #f8d7da;border: 1px solid #f5c6cb;border-radius: 8px;padding: 1rem;}.auth-loading-overlay {position: absolute;inset: 0;pointer-events: none;z-index: 1000;display: flex;justify-content: center;align-items: center;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;backdrop-filter: blur(2px);background: rgba(220, 229, 244, 0.6);}.auth-card.is-loading .auth-loading-overlay {opacity: 1;visibility: visible;pointer-events: auto;}.auth-spinner {width: 50px;height: 50px;display: grid;border: 4px solid #0000;border-radius: 50%;border-right-color: var(--ewatt-blue);animation: auth-spin 1s infinite linear;}.auth-spinner::before,.auth-spinner::after {content: "";grid-area: 1/1;margin: 2px;border: inherit;border-radius: 50%;animation: auth-spin 2s infinite;}.auth-spinner::after {margin: 8px;animation-duration: 3s;}.auth-spinner--on-dark {border-right-color: var(--ewatt-yellow);}@keyframes auth-spin {100% { transform: rotate(1turn); }}.auth-lang-switcher {position: absolute;top: 1.25rem;right: 1.5rem;display: flex;gap: 0.4rem;z-index: 1001;}.lang-btn {background: none;border: none;padding: 4px 6px;font-size: 0.75rem;font-weight: 700;color: var(--ewatt-blue);cursor: pointer;opacity: 0.4;transition: all 0.2s ease;border-radius: 4px;font-family: inherit;}.lang-btn:hover {opacity: 0.7;background: rgba(28, 47, 91, 0.08);}.lang-btn.is-active {opacity: 1;background: rgba(28, 47, 91, 0.15);}