img {border: 0;width: 100px;}.t-Login-logo {margin-top: -90px;background-repeat: no-repeat;background-size: cover;background-position: 50%;width: 150px;height: 150px;background-color: rgb(255 255 255 / 0%);}:root {--login-bg-primary: #F8FAFC;--login-bg-secondary: #EEF2FF;--login-region-bg: rgba(255, 255, 255, 0.7);--login-text-primary: #1e293b;--login-text-secondary: #64748b;--login-border-color: rgba(203, 213, 225, 0.5);--login-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);--login-shadow-hover: 0px 8px 30px rgba(0, 0, 0, 0.12);--login-accent-primary: #4ECDC4;--login-accent-secondary: #60C5BC;--login-accent-gradient: linear-gradient(135deg, #4ECDC4 0%, #60C5BC 100%);--login-input-bg: rgba(255, 255, 255, 0.9);--login-input-border: rgba(148, 163, 184, 0.3);--login-input-focus-border: #4ECDC4;--login-input-text: #1e293b;--login-button-bg: var(--login-accent-gradient);--login-button-text: #ffffff;--login-button-hover: linear-gradient(135deg, #60C5BC 0%, #4ECDC4 100%);--glass-border: rgba(255, 255, 255, 0.3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);}[data-theme="dark"],
.t-PageBody--dark {--login-bg-primary: #0f172a;--login-bg-secondary: #1e293b;--login-region-bg: rgba(30, 41, 59, 0.7);--login-text-primary: #f1f5f9;--login-text-secondary: #cbd5e1;--login-border-color: rgba(148, 163, 184, 0.2);--login-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);--login-shadow-hover: 0px 8px 30px rgba(0, 0, 0, 0.7);--login-input-bg: rgba(15, 23, 42, 0.7);--login-input-border: rgba(148, 163, 184, 0.3);--login-input-text: #f1f5f9;--glass-border: rgba(255, 255, 255, 0.1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4);}.t-Login-container {background: linear-gradient(135deg, var(--login-bg-primary) 0%, var(--login-bg-secondary) 100%);min-height: 100vh;position: relative;overflow: hidden;}.t-Login-container::before,
.t-Login-container::after {content: '';position: absolute;border-radius: 50%;filter: blur(80px);opacity: 0.5;animation: float 20s ease-in-out infinite;}.t-Login-container::before {width: 600px;height: 600px;background: radial-gradient(circle, rgba(78, 205, 196, 0.3) 0%, transparent 70%);top: -200px;left: -200px;animation-delay: 0s;}.t-Login-container::after {width: 500px;height: 500px;background: radial-gradient(circle, rgba(96, 197, 188, 0.25) 0%, transparent 70%);bottom: -150px;right: -150px;animation-delay: 5s;}.glass-bg-element {position: absolute;border-radius: 50%;background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid var(--glass-border);pointer-events: none;}.glass-bg-element:nth-child(1) {width: 300px;height: 300px;top: 10%;right: 15%;animation: float 15s ease-in-out infinite;animation-delay: 2s;}.glass-bg-element:nth-child(2) {width: 200px;height: 200px;bottom: 20%;left: 10%;animation: float 18s ease-in-out infinite;animation-delay: 4s;}.glass-bg-element:nth-child(3) {width: 150px;height: 150px;top: 60%;right: 25%;animation: float 12s ease-in-out infinite;animation-delay: 1s;}@keyframes float {0%, 100% {transform: translate(0, 0) scale(1);}33% {transform: translate(30px, -30px) scale(1.1);}66% {transform: translate(-20px, 20px) scale(0.9);}}[data-theme="dark"] .t-Login-container::before,
.t-PageBody--dark .t-Login-container::before {background: radial-gradient(circle, rgba(78, 205, 196, 0.15) 0%, transparent 70%);}[data-theme="dark"] .t-Login-container::after,
.t-PageBody--dark .t-Login-container::after {background: radial-gradient(circle, rgba(96, 197, 188, 0.12) 0%, transparent 70%);}.t-Login-region {--ut-field-padding-x: 0rem;--ut-field-padding-y: 1rem;--ut-field-input-icon-padding-y: 0.75rem;--ut-field-input-icon-padding-x: 0.75rem;backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);background: var(--login-region-bg);border: 1px solid var(--glass-border);border-radius: 24px;box-shadow: var(--glass-shadow);margin-inline-end: auto;margin-inline-start: auto;padding: 3rem 2.5rem 2.5rem 2.5rem !important;width: clamp(320px, 90vw, 520px);position: relative;transition: all 0.3s ease;z-index: 10;}.t-Login-region::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 24px;padding: 1px;background: linear-gradient(145deg,
rgba(255, 255, 255, 0.3) 0%,
rgba(255, 255, 255, 0) 50%,
rgba(255, 255, 255, 0.1) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;opacity: 0.8;}.t-Login-region:hover {box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.2);transform: translateY(-2px);}[data-theme="dark"] .t-Login-region,
.t-PageBody--dark .t-Login-region {background: var(--login-region-bg);box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5),
0 0 0 1px rgba(255, 255, 255, 0.05) inset;}.t-Login-region .t-Region-header,
.t-Login-region .t-Region-title,
.t-Login-region h1,
.t-Login-region h2,
.t-Login-region h3,
.t-Login-region p,
.t-Login-region span,
.t-Login-region div {color: var(--login-text-primary) !important;}.t-Login-region .t-Form-labelContainer label,
.t-Login-region label {color: var(--login-text-primary) !important;font-weight: 600;font-size: 14px;margin-bottom: 0.5rem;}.t-Login-region .t-Region-body p,
.t-Login-region .apex-item-help,
.t-Login-region .t-Form-helpText {color: var(--login-text-secondary) !important;font-size: 14px;line-height: 1.6;}.t-Login-region a {color: var(--login-accent-primary) !important;text-decoration: none;font-weight: 500;transition: all 0.3s ease;}.t-Login-region a:hover {color: var(--login-accent-secondary) !important;text-decoration: underline;}.t-Login-region .t-Form-required {color: #ef4444 !important;}.t-Login-logo {margin-top: -100px;background-repeat: no-repeat;background-size: contain;background-position: center;width: 140px;height: 140px;background-color: transparent;border-radius: 50%;padding: 15px;transition: transform 0.3s ease;position: relative;z-index: 5;}.t-Login-logo::before {content: '';position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;background: var(--login-accent-gradient);border-radius: 50%;opacity: 0.1;filter: blur(20px);z-index: -1;}.t-Login-logo:hover {transform: scale(1.05);}.theme-toggle {position: absolute;top: 20px;right: 20px;width: 50px;height: 50px;border-radius: 50%;background: var(--login-input-bg);border: 1px solid var(--glass-border);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;z-index: 100;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}.theme-toggle:hover {background: var(--login-accent-primary);border-color: var(--login-accent-primary);transform: rotate(180deg);box-shadow: 0 4px 12px rgba(78, 205, 196, 0.3);}.theme-toggle:hover svg {color: #ffffff;}.theme-toggle svg {width: 24px;height: 24px;color: var(--login-text-primary);transition: color 0.3s ease;}[data-theme="dark"] .sun-icon,
.t-PageBody--dark .sun-icon {display: block;}[data-theme="dark"] .moon-icon,
.t-PageBody--dark .moon-icon {display: none;}[data-theme="light"] .sun-icon,
.t-PageBody:not(.t-PageBody--dark) .sun-icon {display: none;}[data-theme="light"] .moon-icon,
.t-PageBody:not(.t-PageBody--dark) .moon-icon {display: block;}.login-steps-container{display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;margin-top: -70px;flex-wrap: nowrap;padding: 0 1rem;}.login-step {display: flex;align-items: center;gap: 12px;position: relative;flex-shrink: 0;}.login-step .step-number {width: 52px;height: 52px;border-radius: 50%;background: var(--login-input-bg);border: 2px solid var(--login-border-color);color: var(--login-text-secondary);display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 700;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}.login-step .step-number::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--login-accent-gradient);opacity: 0;transition: opacity 0.4s ease;border-radius: 50%;}.login-step .step-number span {position: relative;z-index: 1;}.login-step .step-label {font-size: 15px;color: var(--login-text-secondary);font-weight: 500;white-space: nowrap;transition: all 0.3s ease;}.login-step.active .step-number {background: var(--login-accent-gradient);border-color: var(--login-accent-primary);color: #ffffff;box-shadow: 0 4px 12px rgba(78, 205, 196, 0.4);transform: scale(1.05);}.login-step.active .step-number::before {opacity: 1;}.login-step.active .step-label {color: var(--login-text-primary);font-weight: 600;}.login-step.completed .step-number {background: var(--login-accent-primary);border-color: var(--login-accent-primary);color: #ffffff;}.login-step.completed .step-number span {display: none;}.login-step.completed .step-number::after {content: '✓';position: absolute;font-size: 24px;font-weight: bold;z-index: 1;}.step-connector {width: 80px;height: 3px;background: var(--login-border-color);margin: 0 16px;flex-shrink: 0;position: relative;overflow: hidden;border-radius: 2px;}.step-connector::before {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 0%;background: var(--login-accent-gradient);transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);}.step-connector.active::before {width: 100%;}.t-Login-region .apex-item-text,
.t-Login-region .apex-item-textarea,
.t-Login-region input[type="text"],
.t-Login-region input[type="password"],
.t-Login-region input[type="email"] {background: var(--login-input-bg) !important;border: 1.5px solid var(--login-input-border);border-radius: 12px;color: var(--login-input-text) !important;padding: 0.875rem 1rem;font-size: 15px;transition: all 0.3s ease;width: 100%;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}.t-Login-region .apex-item-text:focus,
.t-Login-region input:focus {outline: none;border-color: var(--login-input-focus-border);box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.15);background: var(--login-input-bg) !important;}.t-Login-region .apex-item-text::placeholder,
.t-Login-region input::placeholder {color: var(--login-text-secondary);opacity: 0.7;}.t-Login-region .t-Button,
.t-Login-region button[type="submit"] {background: var(--login-button-bg);border: none;border-radius: 12px;color: var(--login-button-text);padding: 0.875rem 1.5rem;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;width: 100%;box-shadow: 0 4px 12px rgba(78, 205, 196, 0.3);position: relative;overflow: hidden;}.t-Login-region .t-Button::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.2);transform: translate(-50%, -50%);transition: width 0.6s, height 0.6s;}.t-Login-region .t-Button:hover::before {width: 300px;height: 300px;}.t-Login-region .t-Button:hover,
.t-Login-region button[type="submit"]:hover {background: var(--login-button-hover);transform: translateY(-2px);box-shadow: 0 6px 16px rgba(78, 205, 196, 0.4);}.t-Login-region .t-Button:active {transform: translateY(0);}.t-Login-header {text-align: center;margin-bottom: 2rem;}.t-Login-header h1,
.t-Login-header .t-Region-title {color: var(--login-text-primary) !important;font-size: 28px;font-weight: 700;margin-bottom: 0.5rem;}.t-Login-header p {color: var(--login-text-secondary) !important;font-size: 15px;}.t-Login-region .t-Login-links {color: var(--login-text-secondary) !important;text-align: center;margin-top: 1.5rem;}.t-Login-region .t-Alert--danger,
.t-Login-region .apex-page-error {background: rgba(239, 68, 68, 0.15);border: 1.5px solid rgba(239, 68, 68, 0.4);border-radius: 12px;padding: 1rem;margin-bottom: 1.5rem;color: #dc2626;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}[data-theme="dark"] .t-Login-region .t-Alert--danger,
.t-PageBody--dark .t-Login-region .apex-page-error {color: #fca5a5 !important;}.t-Login-region .t-Alert--success {background: rgba(34, 197, 94, 0.15);border: 1.5px solid rgba(34, 197, 94, 0.4);border-radius: 12px;padding: 1rem;margin-bottom: 1.5rem;color: #16a34a;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}.t-Login-region .t-Button, .t-Login-region {padding: 0.875rem 1.5rem;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(78, 205, 196, 0.3);position: relative;overflow: hidden;}[data-theme="dark"] .t-Login-region .t-Alert--success,
.t-PageBody--dark .t-Login-region .t-Alert--success {color: #86efac !important;}@media (max-width: 768px) {.t-Login-region {padding: 2.5rem 1.5rem 2rem 1.5rem !important;border-radius: 20px;}.login-steps-container {margin-bottom: 2rem;overflow-x: auto;padding: 0 0.5rem;}.step-connector {width: 60px;margin: 0 12px;}.login-step .step-label {font-size: 13px;}.login-step .step-number {width: 44px;height: 44px;font-size: 16px;}.theme-toggle {width: 44px;height: 44px;top: 15px;right: 15px;}.glass-bg-element {display: none;}}@media (max-width: 480px) {.t-Login-region {padding: 2rem 1.25rem !important;width: 95vw;}.step-connector {width: 40px;margin: 0 8px;}.login-step {gap: 8px;}.login-step .step-label {display: none;}.t-Login-logo {width: 100px;height: 100px;margin-top: -80px;}}.t-Login-region.loading {pointer-events: none;opacity: 0.7;}.t-Login-region.loading::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40px;height: 40px;border: 3px solid var(--login-border-color);border-top-color: var(--login-accent-primary);border-radius: 50%;animation: spin 0.8s linear infinite;}@keyframes spin {to { transform: translate(-50%, -50%) rotate(360deg); }}.t-Login-region *:focus-visible {outline: 2px solid var(--login-accent-primary);outline-offset: 2px;}#abc {backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);background: var(--login-region-bg);border: 1px solid var(--glass-border);border-radius: 16px;box-shadow: var(--glass-shadow);padding: 1.5rem;margin-top: 1.5rem;transition: all 0.3s ease;}#abc:hover {box-shadow: var(--login-shadow-hover);transform: translateY(-2px);}#abc h1,
#abc h2,
#abc h3,
#abc h4,
#abc h5,
#abc h6,
#abc p,
#abc span,
#abc div,
#abc label,
#abc .t-Region-title,
#abc .t-Region-header {color: var(--login-text-primary) !important;}#abc .t-Region-body p,
#abc .apex-item-help,
#abc .t-Form-helpText {color: var(--login-text-secondary) !important;}#abc a {color: var(--login-accent-primary) !important;}#abc a:hover {color: var(--login-accent-secondary) !important;}#abc .apex-item-text,
#abc .apex-item-textarea,
#abc input[type="text"],
#abc input[type="password"],
#abc input[type="email"],
#abc select,
#abc textarea {background: var(--login-input-bg) !important;border: 1.5px solid var(--login-input-border);border-radius: 12px;color: var(--login-input-text) !important;padding: 0.875rem 1rem;font-size: 15px;transition: all 0.3s ease;}#abc .apex-item-text:focus,
#abc input:focus,
#abc select:focus,
#abc textarea:focus {outline: none;border-color: var(--login-input-focus-border);box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.15);}#abc .t-Button,
#abc button {background: var(--login-button-bg);border: none;border-radius: 12px;color: var(--login-button-text);padding: 0.875rem 1.5rem;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(78, 205, 196, 0.3);}#abc .t-Button:hover,
#abc button:hover {background: var(--login-button-hover);transform: translateY(-2px);box-shadow: 0 6px 16px rgba(78, 205, 196, 0.4);}.t-Login-region .apex-item-group--password,
.t-Login-region .apex-item-wrapper--password {position: relative;width: 100%;}.t-Login-region .apex-item-group--password .apex-item-text,
.t-Login-region input[type="password"] {width: 100% !important;padding-right: 3rem !important;}.t-Login-region .apex-item-group--password .a-Button,
.t-Login-region .a-Button.a-Button--passwordVisibilityToggle {position: absolute !important;right: 0.5rem !important;top: 50% !important;transform: translateY(-50%) !important;width: 36px !important;height: 36px !important;min-width: 36px !important;padding: 0 !important;background: transparent !important;border: none !important;box-shadow: none !important;border-radius: 8px !important;display: flex !important;align-items: center !important;justify-content: center !important;transition: all 0.3s ease !important;}.t-Login-region .a-Button.a-Button--passwordVisibilityToggle:hover {background: var(--login-input-border) !important;transform: translateY(-50%) scale(1.1) !important;}.t-Login-region .a-Button.a-Button--passwordVisibilityToggle .a-Icon {color: var(--login-text-secondary) !important;font-size: 18px !important;}.t-Login-region .a-Button.a-Button--passwordVisibilityToggle:hover .a-Icon {color: var(--login-text-primary) !important;}.t-Login-region .apex-item-group--password .apex-item-group-row {display: flex !important;align-items: center !important;position: relative !important;}.t-Login-region .apex-item-password {position: relative !important;width: 100% !important;}.t-Login-region .apex-item-password input[type="password"],
.t-Login-region .apex-item-password input[type="text"] {width: 100% !important;padding-right: 3rem !important;}#abc .apex-item-group--password .a-Button,
#abc .a-Button.a-Button--passwordVisibilityToggle {position: absolute !important;right: 0.5rem !important;top: 50% !important;transform: translateY(-50%) !important;width: 36px !important;height: 36px !important;min-width: 36px !important;padding: 0 !important;background: transparent !important;border: none !important;box-shadow: none !important;}#abc .a-Button.a-Button--passwordVisibilityToggle:hover {background: var(--login-input-border) !important;}.login-steps-container {display: flex;align-items: center;justify-content: center;margin-bottom: 2.5rem;margin-top: -30px;flex-wrap: nowrap;padding: 0 1rem;}.login-step {display: flex;align-items: center;gap: 12px;position: relative;flex-shrink: 0;transition: all 0.4s ease;}.login-step .step-number {width: 52px;height: 52px;border-radius: 50%;background: var(--login-input-bg);border: 2px solid var(--login-border-color);color: var(--login-text-secondary);display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 700;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}.login-step .step-number::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--login-accent-gradient);opacity: 0;transition: opacity 0.4s ease;border-radius: 50%;}.login-step .step-number span {position: relative;z-index: 1;}.login-step .step-label {font-size: 15px;color: var(--login-text-secondary);font-weight: 500;white-space: nowrap;transition: all 0.3s ease;}.login-step.completed .step-number {background: rgba(78, 205, 196, 0.2);border-color: var(--login-accent-primary);color: var(--login-accent-primary);box-shadow: 0 2px 8px rgba(78, 205, 196, 0.2);}.login-step.completed .step-number span {display: none;}.login-step.completed .step-number::after {content: '✓';position: absolute;font-size: 24px;font-weight: bold;color: var(--login-accent-primary);z-index: 1;}.login-step.completed .step-label {color: var(--login-accent-primary);font-weight: 500;}.login-step.active .step-number {background: var(--login-accent-gradient);border-color: var(--login-accent-primary);color: #ffffff;box-shadow: 0 6px 20px rgba(78, 205, 196, 0.5);transform: scale(1.1);animation: pulse 2s ease-in-out infinite;}.login-step.active .step-number::before {opacity: 1;}.login-step.active .step-label {color: var(--login-text-primary);font-weight: 700;font-size: 16px;}.login-step.active.last-step .step-number {background: linear-gradient(135deg, #4ECDC4 0%, #44B3AA 50%, #3A9A92 100%);box-shadow: 0 8px 30px rgba(78, 205, 196, 0.6),
0 0 20px rgba(78, 205, 196, 0.4);transform: scale(1.15);animation: pulseIntense 1.5s ease-in-out infinite;}.login-step.active.last-step .step-label {color: var(--login-accent-primary);font-weight: 700;font-size: 17px;text-shadow: 0 2px 4px rgba(78, 205, 196, 0.2);}.login-step.active.last-step::before {content: '';position: absolute;top: -5px;left: -5px;right: -5px;bottom: -5px;background: var(--login-accent-gradient);border-radius: 50%;opacity: 0.2;filter: blur(15px);z-index: -1;animation: glow 2s ease-in-out infinite;}.step-connector {width: 80px;height: 3px;background: var(--login-border-color);margin: 0 16px;flex-shrink: 0;position: relative;overflow: hidden;border-radius: 2px;}.step-connector::before {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 0%;background: var(--login-accent-gradient);transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);}.step-connector.active::before,
.step-connector.completed::before {width: 100%;}@keyframes pulse {0%, 100% {box-shadow: 0 6px 20px rgba(78, 205, 196, 0.5);}50% {box-shadow: 0 8px 25px rgba(78, 205, 196, 0.7);}}@keyframes pulseIntense {0%, 100% {box-shadow: 0 8px 30px rgba(78, 205, 196, 0.6),
0 0 20px rgba(78, 205, 196, 0.4);transform: scale(1.15);}50% {box-shadow: 0 10px 40px rgba(78, 205, 196, 0.8),
0 0 30px rgba(78, 205, 196, 0.6);transform: scale(1.18);}}@keyframes glow {0%, 100% {opacity: 0.2;}50% {opacity: 0.4;}}[data-theme="dark"] .login-step.active.last-step .step-number,
.t-PageBody--dark .login-step.active.last-step .step-number {box-shadow: 0 8px 30px rgba(78, 205, 196, 0.5),
0 0 20px rgba(78, 205, 196, 0.3);}@media (prefers-reduced-motion: reduce) {*,
*::before,
*::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}}.t-Login-bg {display: grid;grid-template: "bg";height: 100%;inset: 0;pointer-events: none;position: fixed;width: 100%;background:
linear-gradient(90deg, rgba(78, 205, 196, 0.03) 1px, transparent 1px),
linear-gradient(rgba(78, 205, 196, 0.03) 1px, transparent 1px),
linear-gradient(135deg, var(--login-bg-primary) 0%, var(--login-bg-secondary) 100%);background-size: 80px 80px, 80px 80px, 100% 100%;background-position: 0 0, 0 0, 0 0;animation: gridMove 20s linear infinite;}@keyframes gridMove {0% {background-position: 0 0, 0 0, 0 0;}100% {background-position: 80px 80px, 80px 80px, 0 0;}}.t-Login-bg::before {content: '';position: absolute;width: 100%;height: 100%;background:
radial-gradient(circle at 20% 30%, rgba(78, 205, 196, 0.15) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(96, 197, 188, 0.12) 0%, transparent 50%),
radial-gradient(circle at 50% 50%, rgba(79, 200, 233, 0.08) 0%, transparent 50%);}.t-Login-bg::after {content: '';position: absolute;top: 10%;right: 15%;width: 300px;height: 300px;background: linear-gradient(135deg, rgba(78, 205, 196, 0.1) 0%, transparent 100%);transform: rotate(45deg);border-radius: 30px;animation: rotate-float 15s ease-in-out infinite;}@keyframes rotate-float {0%, 100% {transform: rotate(45deg) translateY(0);}50% {transform: rotate(225deg) translateY(-30px);}}[data-theme="dark"] .t-Login-bg,
.t-PageBody--dark .t-Login-bg {background:
linear-gradient(90deg, rgba(78, 205, 196, 0.02) 1px, transparent 1px),
linear-gradient(rgba(78, 205, 196, 0.02) 1px, transparent 1px),
linear-gradient(135deg, var(--login-bg-primary) 0%, var(--login-bg-secondary) 100%);background-size: 80px 80px, 80px 80px, 100% 100%;}.user-access-container {display: flex;flex-direction: column;gap: 1rem;margin-top: 1.5rem;padding: 0;}.access-card {display: flex;align-items: center;gap: 1.25rem;padding: 1.25rem;background: var(--login-input-bg);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1.5px solid var(--login-border-color);border-radius: 16px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;}.access-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 16px;padding: 1.5px;background: var(--login-accent-gradient);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;opacity: 0;transition: opacity 0.3s ease;}.access-card:hover {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(78, 205, 196, 0.15);border-color: var(--login-accent-primary);}.access-card:hover::before {opacity: 1;}.access-icon {flex-shrink: 0;width: 60px;height: 60px;border-radius: 14px;display: flex;align-items: center;justify-content: center;position: relative;transition: all 0.3s ease;}.signup-icon {background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(5, 150, 105, 0.1) 100%);color: #10b981;}.signup-icon::before {content: '';position: absolute;inset: 0;background: linear-gradient(135deg, #10b981 0%, #059669 100%);border-radius: 14px;opacity: 0.1;}.reset-icon {background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(217, 119, 6, 0.1) 100%);color: #f59e0b;}.reset-icon::before {content: '';position: absolute;inset: 0;background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);border-radius: 14px;opacity: 0.1;}.access-icon svg {width: 28px;height: 28px;position: relative;z-index: 1;transition: transform 0.3s ease;}.access-card:hover .access-icon svg {transform: scale(1.1) rotate(5deg);}.access-content {flex: 1;display: flex;flex-direction: column;gap: 0.5rem;}.access-content h3 {margin: 0;font-size: 1rem;font-weight: 600;color: var(--login-text-primary);line-height: 1.3;}.access-content p {margin: 0;font-size: 0.8125rem;color: var(--login-text-secondary);line-height: 1.5;}.access-btn {margin-top: 0.5rem;padding: 0.625rem 1.25rem !important;font-size: 0.875rem !important;font-weight: 600 !important;border-radius: 10px !important;display: inline-flex !important;align-items: center;gap: 0.5rem;width: auto !important;transition: all 0.3s ease !important;position: relative;overflow: hidden;}.access-btn span {position: relative;z-index: 1;}.access-btn svg {width: 16px;height: 16px;position: relative;z-index: 1;transition: transform 0.3s ease;}.access-btn:hover svg {transform: translateX(4px);}.access-btn.t-Button--success {background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;border: none !important;color: #ffffff !important;box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25);}.access-btn.t-Button--success:hover {background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35);transform: translateY(-1px);}.access-btn.t-Button--warning {background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;border: none !important;color: #ffffff !important;box-shadow: 0 2px 8px rgba(245, 158, 11, 0.25);}.access-btn.t-Button--warning:hover {background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);transform: translateY(-1px);}[data-theme="dark"] .signup-icon,
.t-PageBody--dark .signup-icon {background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(5, 150, 105, 0.15) 100%);color: #34d399;}[data-theme="dark"] .reset-icon,
.t-PageBody--dark .reset-icon {background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(217, 119, 6, 0.15) 100%);color: #fbbf24;}@media (max-width: 640px) {.access-card {flex-direction: column;text-align: center;gap: 1rem;padding: 1.25rem 1rem;}.access-content {align-items: center;}.access-btn {width: 100% !important;justify-content: center;}}@media (max-width: 480px) {.access-icon {width: 52px;height: 52px;}.access-icon svg {width: 24px;height: 24px;}.access-content h3 {font-size: 0.9375rem;}.access-content p {font-size: 0.75rem;}}.t-Login-region {--ut-field-padding-x: 0rem;--ut-field-padding-y: 1rem;--ut-field-input-icon-padding-y: 0.75rem;--ut-field-input-icon-padding-x: 0.75rem;backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);background: var(--login-region-bg);border: 1px solid var(--glass-border);border-radius: 24px;box-shadow: var(--glass-shadow),
0 0 0 1px rgba(255, 255, 255, 0.05) inset;margin-inline-end: auto;margin-inline-start: auto;padding: 3rem 2.5rem 2.5rem 2.5rem !important;width: clamp(320px, 90vw, 520px);position: relative;transition: all 0.3s ease;z-index: 10;}.t-Login-region::before {content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;border-radius: 24px;background: var(--login-accent-gradient);opacity: 0;transition: opacity 0.3s ease;z-index: -1;filter: blur(8px);}.t-Login-region:hover::before {opacity: 0.3;}.t-Login-region::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 24px;padding: 1px;background: linear-gradient(145deg,
rgba(255, 255, 255, 0.3) 0%,
rgba(255, 255, 255, 0) 50%,
rgba(255, 255, 255, 0.1) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;opacity: 0.8;}.t-Login-region:hover {box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.2),
0 0 0 1px rgba(78, 205, 196, 0.1) inset;transform: translateY(-2px);}[data-theme="dark"] .t-Login-region,
.t-PageBody--dark .t-Login-region {background: var(--login-region-bg);box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5),
0 0 0 1px rgba(255, 255, 255, 0.05) inset;}[data-theme="dark"] .t-Login-region:hover,
.t-PageBody--dark .t-Login-region:hover {box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.7),
0 0 0 1px rgba(78, 205, 196, 0.2) inset;}