.auth-overlay {
            --auth-lime: #c6f53a;
            --auth-cyan: #28d7d0;
            --auth-coral: #ff435b;
            --auth-ink: #080b0d;
            --auth-panel: #111316;
            position: fixed;
            inset: 0;
            z-index: 5000;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 24px;
            background:
                radial-gradient(circle at 16% 24%, rgba(40, 215, 208, 0.16), transparent 28%),
                radial-gradient(circle at 78% 18%, rgba(255, 67, 91, 0.20), transparent 28%),
                radial-gradient(circle at 68% 88%, rgba(198, 245, 58, 0.11), transparent 26%),
                linear-gradient(135deg, #081113 0%, #060709 46%, #130608 100%);
            backdrop-filter: blur(18px) saturate(1.2);
            -webkit-backdrop-filter: blur(18px) saturate(1.2);
            overflow: hidden;
        }
        .auth-overlay::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background-image:
                linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px),
                repeating-linear-gradient(115deg, transparent 0 28px, rgba(40,215,208,0.05) 28px 29px, transparent 29px 58px);
            background-size: 58px 58px, 58px 58px, 110px 110px;
            mask-image: linear-gradient(to bottom, rgba(0,0,0,0.82), transparent 86%);
            -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.82), transparent 86%);
            animation: authGridDrift 18s linear infinite;
        }
        .auth-overlay::after {
            content: "";
            position: absolute;
            inset: -45% -20%;
            pointer-events: none;
            background:
                repeating-linear-gradient(100deg, transparent 0 70px, rgba(255,255,255,0.026) 70px 71px, transparent 71px 128px);
            opacity: 0.72;
            transform: rotate(-5deg);
            animation: authScan 8s linear infinite;
        }
        .auth-overlay.active { display: flex; }
        .auth-shell {
            position: relative;
            z-index: 1;
            width: min(980px, 100%);
            max-height: calc(100svh - 48px);
            display: grid;
            grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.78fr);
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.12);
            border-top-color: rgba(255,255,255,0.20);
            border-radius: 8px;
            background:
                linear-gradient(145deg, rgba(16,18,20,0.94) 0%, rgba(5,7,8,0.98) 48%, rgba(12,7,8,0.96) 100%);
            box-shadow:
                0 34px 120px rgba(0,0,0,0.78),
                0 0 0 1px rgba(255,255,255,0.045) inset,
                0 0 80px rgba(40,215,208,0.08);
            isolation: isolate;
            animation: authShellIn 0.65s cubic-bezier(0.2, 0.9, 0.22, 1) both;
        }
        .auth-shell::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background:
                linear-gradient(90deg, transparent, rgba(255,255,255,0.10), transparent);
            transform: translateX(-115%);
            animation: authLightSweep 4.6s ease-in-out infinite 0.7s;
            z-index: 2;
        }
        .auth-showcase {
            position: relative;
            min-height: 575px;
            padding: 34px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            border-right: 1px solid rgba(255,255,255,0.08);
            background:
                linear-gradient(90deg, rgba(5,8,9,0.88), rgba(5,8,9,0.28) 45%, rgba(5,8,9,0.05)),
                #071012;
            overflow: hidden;
        }
        .auth-showcase::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(90deg, rgba(5,8,9,0.92), rgba(5,8,9,0.12) 54%, rgba(5,8,9,0.24)),
                radial-gradient(circle at 28% 68%, rgba(198,245,58,0.12), transparent 28%),
                radial-gradient(circle at 86% 28%, rgba(255,67,91,0.14), transparent 32%);
            opacity: 0.9;
            animation: authDiagonalDrift 14s linear infinite;
        }
        .auth-showcase::after {
            content: "";
            position: absolute;
            left: -80px;
            bottom: -80px;
            width: 210px;
            height: 210px;
            border: 1px solid rgba(40,215,208,0.22);
            border-radius: 50%;
            background:
                radial-gradient(circle, rgba(40,215,208,0.14), transparent 64%),
                repeating-linear-gradient(90deg, transparent 0 12px, rgba(255,255,255,0.032) 12px 13px);
            animation: authPanelFloat 7s ease-in-out infinite;
        }
        .auth-showcase > * { position: relative; z-index: 1; }
        .auth-hero-art {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: 61% 50%;
            opacity: 0.94;
            transform: scale(1.02);
            filter: saturate(1.02) contrast(1.02);
            z-index: 0;
            animation: authHeroFloat 8s ease-in-out infinite;
        }
        .auth-showcase-top,
        .auth-showcase-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            color: var(--text-sec);
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0;
        }
        .auth-badge,
        .auth-month,
        .auth-showcase-footer span {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 34px;
            padding: 0 12px;
            border: 1px solid rgba(255,255,255,0.10);
            border-radius: 8px;
            background: rgba(9,14,16,0.54);
            color: rgba(242,247,250,0.72);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            box-shadow: 0 10px 26px rgba(0,0,0,0.18);
        }
        .auth-badge i,
        .auth-showcase-footer i { color: var(--auth-lime); }
        .auth-showcase-title {
            max-width: 340px;
            margin: 36px 0 24px;
            color: #fff;
            font-size: 40px;
            line-height: 1.02;
            font-weight: 900;
            letter-spacing: 0;
            text-wrap: balance;
            text-shadow: 0 12px 34px rgba(0,0,0,0.45);
            position: relative;
            z-index: 2;
        }
        .auth-dashboard-preview {
            width: min(330px, 100%);
            border: 1px solid rgba(255,255,255,0.10);
            border-radius: 8px;
            background:
                linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.035)),
                rgba(12,14,16,0.58);
            box-shadow: 0 22px 58px rgba(0,0,0,0.36), 0 1px 0 rgba(255,255,255,0.08) inset;
            padding: 18px;
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            transform: rotate(-1.2deg) translateY(4px);
            transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
            position: relative;
            z-index: 2;
        }
        .auth-dashboard-preview:hover {
            transform: rotate(0deg) translateY(-3px);
            border-color: rgba(198,245,58,0.30);
            box-shadow: 0 26px 70px rgba(0,0,0,0.42), 0 0 38px rgba(40,215,208,0.10);
        }
        .auth-preview-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 18px;
        }
        .auth-preview-title {
            color: var(--text-main);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 0;
        }
        .auth-preview-status {
            color: var(--auth-lime);
            font-size: 11px;
            font-weight: 900;
            position: relative;
            padding-left: 13px;
        }
        .auth-preview-status::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--auth-lime);
            box-shadow: 0 0 14px rgba(198,245,58,0.85);
            transform: translateY(-50%);
            animation: authStatusPulse 1.8s ease-in-out infinite;
        }
        .auth-preview-kpis {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 8px;
            margin-bottom: 18px;
        }
        .auth-preview-kpi {
            min-width: 0;
            padding: 12px 10px;
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 8px;
            background: rgba(255,255,255,0.045);
            transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
        }
        .auth-preview-kpi:hover {
            transform: translateY(-3px);
            background: rgba(255,255,255,0.07);
            border-color: rgba(255,255,255,0.16);
        }
        .auth-preview-kpi span {
            display: block;
            color: var(--text-muted);
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0;
            white-space: nowrap;
        }
        .auth-preview-kpi strong {
            display: block;
            margin-top: 8px;
            color: var(--text-main);
            font-size: 16px;
            font-weight: 900;
            letter-spacing: 0;
        }
        .auth-preview-kpi.receita strong { color: var(--auth-lime); }
        .auth-preview-kpi.despesa strong { color: var(--auth-coral); }
        .auth-preview-kpi.saldo strong { color: var(--auth-cyan); }
        .auth-bars {
            height: 120px;
            display: flex;
            align-items: flex-end;
            gap: 10px;
            padding-top: 16px;
            border-top: 1px solid rgba(255,255,255,0.08);
        }
        .auth-bars span {
            flex: 1;
            min-width: 14px;
            border-radius: 8px 8px 0 0;
            background: linear-gradient(180deg, rgba(198,245,58,0.90), rgba(198,245,58,0.18));
            box-shadow: 0 0 18px rgba(198,245,58,0.14);
            transform-origin: bottom;
            animation: authBarBounce 3.1s ease-in-out infinite;
        }
        .auth-bars span:nth-child(2n) { background: linear-gradient(180deg, rgba(40,215,208,0.86), rgba(40,215,208,0.16)); }
        .auth-bars span:nth-child(3n) { background: linear-gradient(180deg, rgba(255,67,91,0.82), rgba(255,67,91,0.15)); }
        .auth-bars span:nth-child(2) { animation-delay: 0.18s; }
        .auth-bars span:nth-child(3) { animation-delay: 0.34s; }
        .auth-bars span:nth-child(4) { animation-delay: 0.5s; }
        .auth-bars span:nth-child(5) { animation-delay: 0.22s; }
        .auth-bars span:nth-child(6) { animation-delay: 0.42s; }
        .auth-bars span:nth-child(7) { animation-delay: 0.12s; }
        .auth-box {
            width: 100%;
            min-width: 0;
            padding: 46px 42px;
            border: 0;
            background:
                linear-gradient(180deg, rgba(255,255,255,0.035), transparent 45%),
                rgba(9,10,12,0.82);
            box-shadow: none;
            position: relative;
            z-index: 1;
        }
        .auth-form-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 28px;
        }
        .auth-brand { display: flex; align-items: center; gap: 14px; min-width: 0; }
        .auth-brand-icon {
            width: 46px;
            height: 46px;
            display: grid;
            place-items: center;
            flex: 0 0 auto;
            border-radius: 8px;
            background:
                linear-gradient(135deg, rgba(198,245,58,0.22), rgba(40,215,208,0.16));
            border: 1px solid rgba(198,245,58,0.28);
            box-shadow: 0 14px 30px rgba(40,215,208,0.12);
            animation: authIconLift 3.6s ease-in-out infinite;
        }
        .auth-brand i { color: var(--auth-lime); font-size: 22px; }
        .auth-brand-title {
            font-size: 24px;
            line-height: 1;
            font-weight: 900;
            letter-spacing: 0;
            background: linear-gradient(90deg, #fff 0%, #eefbd2 45%, #8fe9e3 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        .auth-kicker {
            margin-top: 5px;
            color: #9bded8;
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 0;
        }
        .auth-lock-chip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            flex: 0 0 auto;
            border: 1px solid rgba(255,255,255,0.10);
            border-radius: 8px;
            background: rgba(255,255,255,0.055);
            color: var(--text-sec);
            box-shadow: 0 12px 28px rgba(0,0,0,0.18);
        }
        .auth-copy {
            color: rgba(231,238,244,0.74);
            font-size: 14px;
            line-height: 1.55;
            margin-bottom: 24px;
            max-width: 340px;
        }
        .auth-error {
            display: none;
            color: var(--neon-red);
            font-size: 12px;
            font-weight: 800;
            line-height: 1.45;
            margin: 0 0 16px;
            padding: 12px 14px;
            border: 1px solid rgba(255,71,87,0.24);
            border-radius: 8px;
            background: rgba(255,71,87,0.08);
        }
        .auth-error.active { display: block; }
        .auth-error.success {
            color: var(--neon-green);
            border-color: rgba(0,230,118,0.24);
            background: rgba(0,230,118,0.08);
        }
        .auth-field { margin-bottom: 16px; }
        .auth-field .form-label {
            margin-bottom: 8px;
            letter-spacing: 0;
            color: rgba(231,238,244,0.66);
        }
        .auth-input-wrap {
            position: relative;
            border-radius: 8px;
            transition: transform 0.22s ease;
        }
        .auth-input-wrap:focus-within {
            transform: translateY(-2px);
        }
        .auth-input-wrap > i {
            position: absolute;
            left: 16px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--text-muted);
            font-size: 14px;
            pointer-events: none;
        }
        .auth-input-wrap .form-input {
            min-height: 50px;
            margin-bottom: 0;
            padding-left: 44px;
            padding-right: 46px;
            border-radius: 8px;
            border-color: rgba(255,255,255,0.11);
            background:
                linear-gradient(180deg, rgba(255,255,255,0.058), rgba(255,255,255,0.025));
            box-shadow: 0 12px 28px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.04);
        }
        .auth-input-wrap .form-input:focus {
            border-color: rgba(40,215,208,0.56);
            box-shadow:
                0 0 0 3px rgba(40,215,208,0.13),
                0 16px 34px rgba(0,0,0,0.24),
                inset 0 1px 0 rgba(255,255,255,0.07);
            background: rgba(7,13,15,0.78);
        }
        .auth-input-wrap:focus-within > i {
            color: var(--auth-cyan);
        }
        .auth-input-wrap .form-input:focus + .auth-visibility-btn,
        .auth-input-wrap .form-input:focus ~ .auth-visibility-btn { color: var(--text-main); }
        .auth-visibility-btn {
            position: absolute;
            right: 8px;
            top: 50%;
            transform: translateY(-50%);
            width: 34px;
            height: 34px;
            display: grid;
            place-items: center;
            border: 0;
            border-radius: 8px;
            background: transparent;
            color: var(--text-sec);
            cursor: pointer;
            transition: background 0.2s ease, color 0.2s ease;
        }
        .auth-visibility-btn:hover { background: rgba(255,255,255,0.07); color: var(--auth-lime); }
        .auth-forgot { display: flex; justify-content: flex-end; margin: -4px 0 18px; }
        .auth-forgot button {
            background: none;
            border: none;
            color: var(--text-sec);
            cursor: pointer;
            font-size: 12px;
            font-weight: 800;
            padding: 4px 0;
            transition: color 0.18s ease, transform 0.18s ease;
        }
        .auth-forgot button:hover { color: var(--auth-lime); transform: translateX(-2px); }
        .auth-reset-fields { display: grid; grid-template-columns: 1fr; gap: 0; }
        .auth-reset-helper {
            color: var(--text-sec);
            font-size: 12px;
            line-height: 1.55;
            margin: -4px 0 16px;
            padding: 12px 14px;
            border: 1px solid rgba(41,121,255,0.18);
            border-radius: 8px;
            background: rgba(41,121,255,0.07);
        }
        .auth-box [hidden] { display: none !important; }
        .auth-box .btn-submit {
            min-height: 52px;
            margin-top: 2px;
            border-radius: 8px;
            background:
                linear-gradient(90deg, #c6f53a 0%, #28d7d0 58%, #ff435b 125%) !important;
            color: #071012 !important;
            box-shadow: 0 16px 34px rgba(40,215,208,0.20), 0 0 0 1px rgba(255,255,255,0.18) inset;
            position: relative;
            overflow: hidden;
        }
        .auth-box .btn-submit::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(100deg, transparent, rgba(255,255,255,0.35), transparent);
            transform: translateX(-125%);
            transition: transform 0.45s ease;
        }
        .auth-box .btn-submit:hover {
            transform: translateY(-2px);
            box-shadow: 0 22px 42px rgba(198,245,58,0.22), 0 0 32px rgba(40,215,208,0.16);
        }
        .auth-box .btn-submit:hover::after {
            transform: translateX(125%);
        }
        .auth-box .btn-submit:disabled {
            cursor: wait;
            opacity: 0.72;
            transform: none;
        }
        .auth-mode-switch {
            margin-top: 18px;
            text-align: center;
            color: var(--text-sec);
            font-size: 12px;
            font-weight: 700;
        }
        .auth-mode-switch button {
            background: none;
            border: none;
            color: var(--auth-lime);
            cursor: pointer;
            font-weight: 900;
            padding: 4px;
            transition: color 0.18s ease, transform 0.18s ease;
        }
        .auth-mode-switch button:hover { color: #7ee7ff; transform: translateY(-1px); }
        body.light-mode .auth-overlay {
            background:
                radial-gradient(circle at 16% 24%, rgba(40,215,208,0.18), transparent 30%),
                radial-gradient(circle at 78% 18%, rgba(255,67,91,0.16), transparent 30%),
                radial-gradient(circle at 68% 88%, rgba(198,245,58,0.18), transparent 28%),
                rgba(248,250,252,0.86);
        }
        body.light-mode .auth-shell {
            background: linear-gradient(145deg, #ffffff, #f8fafc);
            border-color: rgba(15,23,42,0.10);
            box-shadow: 0 30px 100px rgba(15,23,42,0.18), 0 0 70px rgba(40,215,208,0.12);
        }
        body.light-mode .auth-showcase {
            background:
                linear-gradient(90deg, rgba(248,250,252,0.94), rgba(248,250,252,0.16) 54%, rgba(248,250,252,0.24)),
                #e8f7f5;
            border-right-color: #e2e8f0;
        }
        body.light-mode .auth-showcase-title { color: #0f172a; }
        body.light-mode .auth-badge,
        body.light-mode .auth-month,
        body.light-mode .auth-showcase-footer span,
        body.light-mode .auth-dashboard-preview,
        body.light-mode .auth-preview-kpi,
        body.light-mode .auth-lock-chip {
            background: rgba(255,255,255,0.62);
            border-color: #e2e8f0;
            color: #64748b;
        }
        body.light-mode .auth-preview-title,
        body.light-mode .auth-preview-kpi strong { color: #0f172a; }
        body.light-mode .auth-brand-title {
            background: linear-gradient(90deg, #0f172a 0%, #0f766e 48%, #be123c 115%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        body.light-mode .auth-copy,
        body.light-mode .auth-field .form-label { color: #64748b; }
        body.light-mode .auth-input-wrap .form-input { background: #ffffff; }
        @keyframes authShellIn {
            from { opacity: 0; transform: translateY(22px) scale(0.97); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }
        @keyframes authGridDrift {
            to { background-position: 54px 54px, 54px 54px, 100px 100px; }
        }
        @keyframes authScan {
            from { transform: translateX(-8%) rotate(-5deg); }
            to { transform: translateX(8%) rotate(-5deg); }
        }
        @keyframes authDiagonalDrift {
            to { background-position: 180px 0, 0 0; }
        }
        @keyframes authLightSweep {
            0%, 46% { transform: translateX(-115%); opacity: 0; }
            58% { opacity: 0.72; }
            76%, 100% { transform: translateX(115%); opacity: 0; }
        }
        @keyframes authPanelFloat {
            0%, 100% { transform: rotate(22deg) translate3d(0,0,0); }
            50% { transform: rotate(18deg) translate3d(-10px,-12px,0); }
        }
        @keyframes authStatusPulse {
            0%, 100% { opacity: 0.55; transform: translateY(-50%) scale(0.9); }
            50% { opacity: 1; transform: translateY(-50%) scale(1.18); }
        }
        @keyframes authBarBounce {
            0%, 100% { transform: scaleY(0.86); filter: saturate(0.9); }
            50% { transform: scaleY(1.03); filter: saturate(1.35); }
        }
        @keyframes authIconLift {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-4px); }
        }
        @keyframes authHeroFloat {
            0%, 100% { transform: scale(1.02) translate3d(0,0,0); }
            50% { transform: scale(1.045) translate3d(-8px,-6px,0); }
        }
        body.economy-mode .auth-overlay::before,
        body.economy-mode .auth-overlay::after,
        body.economy-mode .auth-shell,
        body.economy-mode .auth-shell::before,
        body.economy-mode .auth-showcase::before,
        body.economy-mode .auth-showcase::after,
        body.economy-mode .auth-hero-art,
        body.economy-mode .auth-brand-icon,
        body.economy-mode .auth-preview-status::before,
        body.economy-mode .auth-bars span {
            animation: none !important;
        }
        @media (prefers-reduced-motion: reduce) {
            .auth-overlay::before,
            .auth-overlay::after,
            .auth-shell,
            .auth-shell::before,
            .auth-showcase::before,
            .auth-showcase::after,
            .auth-hero-art,
            .auth-brand-icon,
            .auth-preview-status::before,
            .auth-bars span {
                animation: none !important;
            }
            .auth-dashboard-preview,
            .auth-preview-kpi,
            .auth-input-wrap,
            .auth-box .btn-submit,
            .auth-mode-switch button,
            .auth-forgot button {
                transition: none !important;
            }
        }
        @media (max-width: 820px) {
            .auth-overlay { padding: 16px; align-items: center; }
            .auth-shell {
                width: min(430px, 100%);
                grid-template-columns: 1fr;
                overflow-y: auto;
            }
            .auth-showcase { display: none; }
            .auth-box { padding: 30px 28px; }
        }
        @media (max-width: 420px) {
            .auth-overlay { padding: 10px; }
            .auth-shell { max-height: calc(100svh - 20px); }
            .auth-box { padding: 24px 20px; }
            .auth-form-head { margin-bottom: 22px; }
            .auth-brand-title { font-size: 20px; }
            .auth-copy { font-size: 13px; }
            .auth-input-wrap .form-input { font-size: 16px; }
        }

        /* AUTH LOGIN REDESIGN V3 - mature fintech cockpit */
        .auth-overlay {
            --auth-paper: #f3efe7;
            --auth-cream: #d8f7e5;
            --auth-gold: #00e676;
            --auth-teal: #32f5c8;
            --auth-rose: #16a36a;
            --auth-graphite: #090b0e;
            --auth-panel: #121418;
            --auth-line: rgba(255,255,255,0.105);
            background:
                radial-gradient(circle at 50% 36%, rgba(0,230,118,0.09), transparent 30%),
                linear-gradient(180deg, rgba(0,0,0,0.06), rgba(0,30,14,0.16) 100%),
                linear-gradient(#000, #000);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        .auth-overlay::before {
            inset: -8%;
            height: auto;
            background-image:
                linear-gradient(rgba(0,230,118,0.18) 1px, transparent 1px),
                linear-gradient(90deg, rgba(0,230,118,0.15) 1px, transparent 1px);
            background-size: 90px 90px;
            background-position: 0 0;
            opacity: 0.44;
            transform: skewY(-7deg) scale(1.08);
            transform-origin: 50% 100%;
            animation: none;
        }
        .auth-overlay::after {
            inset: 0;
            background:
                linear-gradient(180deg, rgba(0,0,0,0.36), transparent 42%, rgba(0,0,0,0.70)),
                radial-gradient(ellipse at 50% 88%, rgba(0,230,118,0.22), transparent 50%);
            opacity: 0.66;
            transform: none;
            animation: none;
        }
        .auth-shell {
            width: min(1060px, 100%);
            grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr);
            border-color: rgba(0,230,118,0.20);
            background:
                linear-gradient(145deg, rgba(7,12,10,0.68), rgba(2,3,3,0.74) 46%, rgba(5,10,8,0.64));
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            animation: none;
            box-shadow:
                0 38px 130px rgba(0,0,0,0.82),
                0 0 0 1px rgba(255,255,255,0.045) inset,
                0 0 90px rgba(0,230,118,0.10);
        }
        .auth-shell::before {
            display: none;
            animation: none;
        }
        .auth-showcase {
            min-height: 600px;
            padding: 34px 36px 32px;
            background:
                linear-gradient(90deg, rgba(0,0,0,0.42), rgba(0,0,0,0.26) 48%, rgba(0,0,0,0.18)),
                rgba(0,0,0,0.30);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        .auth-showcase::before {
            background:
                repeating-linear-gradient(120deg, rgba(0,230,118,0.065) 0 1px, transparent 1px 22px),
                linear-gradient(90deg, rgba(0,0,0,0.26), transparent 42%, rgba(0,0,0,0.22));
            opacity: 0.86;
            animation: none;
        }
        .auth-showcase::after {
            left: auto;
            right: -100px;
            bottom: -120px;
            width: 280px;
            height: 280px;
            border-color: rgba(0,230,118,0.18);
            background: radial-gradient(circle, rgba(0,230,118,0.10), transparent 68%);
            animation: none;
        }
        .auth-hero-art { display: none; }
        .auth-showcase-top,
        .auth-showcase-footer {
            color: rgba(243,239,231,0.62);
        }
        .auth-badge,
        .auth-month,
        .auth-showcase-footer span {
            min-height: 32px;
            border-color: rgba(0,230,118,0.18);
            background: rgba(0,18,10,0.38);
            color: rgba(225,255,238,0.70);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            box-shadow: 0 14px 34px rgba(0,0,0,0.22);
        }
        .auth-badge i,
        .auth-showcase-footer i { color: var(--auth-gold); }
        .auth-showcase-main {
            position: relative;
            z-index: 4;
            max-width: 420px;
            margin-top: 34px;
        }
        .auth-showcase > div:first-child { z-index: 4; }
        .auth-showcase-footer { z-index: 4; }
        .auth-eyebrow {
            color: var(--auth-gold);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            margin-bottom: 14px;
        }
        .auth-showcase-title {
            max-width: 420px;
            margin: 0;
            font-size: 44px;
            line-height: 1.02;
            color: var(--auth-paper);
            text-shadow: 0 18px 44px rgba(0,0,0,0.58);
        }
        .auth-showcase-subtitle {
            max-width: 360px;
            margin-top: 18px;
            color: rgba(243,239,231,0.66);
            font-size: 14px;
            line-height: 1.6;
        }
        .auth-visual-stage {
            position: absolute;
            right: 18px;
            bottom: 42px;
            width: min(55%, 340px);
            aspect-ratio: 1;
            z-index: 2;
        }
        .auth-orbit {
            position: absolute;
            inset: 8%;
            border-radius: 50%;
            background:
                radial-gradient(circle at 50% 50%, rgba(232,255,241,0.08), transparent 31%),
                radial-gradient(circle at 50% 50%, rgba(0,230,118,0.14), transparent 52%);
            border: 1px solid rgba(0,230,118,0.14);
            box-shadow: inset 0 0 70px rgba(0,230,118,0.07), 0 30px 80px rgba(0,0,0,0.38);
            animation: authOrbitBreath 6s ease-in-out infinite;
        }
        .auth-orbit::before,
        .auth-orbit::after {
            content: "";
            position: absolute;
            inset: 11%;
            border-radius: 50%;
            border: 1px solid rgba(0,230,118,0.14);
        }
        .auth-orbit::after {
            inset: 24%;
            border-color: rgba(0,230,118,0.24);
            box-shadow: 0 0 36px rgba(0,230,118,0.10);
        }
        .auth-orbit-core {
            position: absolute;
            inset: 34%;
            border-radius: 50%;
            display: grid;
            place-items: center;
            color: var(--auth-paper);
            font-size: 28px;
            font-weight: 900;
            background:
                linear-gradient(145deg, rgba(255,255,255,0.13), rgba(255,255,255,0.02)),
                rgba(10,12,15,0.82);
            border: 1px solid rgba(0,230,118,0.22);
            box-shadow: 0 24px 70px rgba(0,0,0,0.42), 0 0 38px rgba(0,230,118,0.10);
        }
        .auth-orbit-dot {
            position: absolute;
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: var(--auth-teal);
            box-shadow: 0 0 20px rgba(78,216,207,0.86);
            animation: authOrbitDot 7s linear infinite;
            transform-origin: 106px 106px;
            left: calc(50% - 106px);
            top: calc(50% - 106px);
        }
        .auth-orbit-dot.alt {
            background: var(--auth-gold);
            box-shadow: 0 0 20px rgba(0,230,118,0.76);
            animation-duration: 10s;
            animation-direction: reverse;
            transform-origin: 78px 78px;
            left: calc(50% - 78px);
            top: calc(50% - 78px);
        }
        .auth-float-card {
            position: absolute;
            min-width: 132px;
            padding: 12px;
            border: 1px solid rgba(255,255,255,0.12);
            border-radius: 8px;
            background: rgba(5,13,10,0.54);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            box-shadow: 0 18px 50px rgba(0,0,0,0.34);
            animation: authFloatCard 5.5s ease-in-out infinite;
        }
        .auth-float-card span {
            display: block;
            color: rgba(243,239,231,0.54);
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase;
        }
        .auth-float-card strong {
            display: block;
            margin-top: 7px;
            color: var(--auth-paper);
            font-size: 16px;
            font-weight: 900;
        }
        .auth-float-card.primary {
            left: -2px;
            top: 34%;
            border-color: rgba(0,230,118,0.20);
        }
        .auth-float-card.secondary {
            right: 2px;
            bottom: 20%;
            border-color: rgba(0,230,118,0.18);
            animation-delay: 0.8s;
        }
        .auth-mini-wave {
            height: 34px;
            margin-top: 10px;
            display: flex;
            align-items: end;
            gap: 5px;
        }
        .auth-mini-wave i {
            flex: 1;
            border-radius: 6px 6px 0 0;
            background: linear-gradient(180deg, var(--auth-teal), rgba(0,230,118,0.14));
        }
        .auth-mini-wave i:nth-child(2n) { background: linear-gradient(180deg, var(--auth-gold), rgba(0,230,118,0.14)); }
        .auth-dashboard-preview { display: none; }
        .auth-box {
            padding: 54px 46px;
            overflow: hidden;
            background:
                linear-gradient(160deg, rgba(255,255,255,0.12), rgba(255,255,255,0.035) 38%, rgba(0,230,118,0.035) 100%),
                rgba(2,8,6,0.50);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            box-shadow:
                inset 1px 0 0 rgba(255,255,255,0.09),
                inset 0 1px 0 rgba(255,255,255,0.08),
                -24px 0 60px rgba(0,0,0,0.18);
        }
        .auth-box::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background:
                linear-gradient(120deg, rgba(255,255,255,0.13), transparent 26%),
                radial-gradient(circle at 18% 12%, rgba(0,230,118,0.12), transparent 26%);
            opacity: 0.72;
        }
        .auth-box::after {
            content: "";
            position: absolute;
            inset: 1px;
            pointer-events: none;
            border-radius: inherit;
            border: 1px solid rgba(0,230,118,0.13);
            mask-image: none;
            -webkit-mask-image: none;
        }
        .auth-box > * {
            position: relative;
            z-index: 1;
        }
        .auth-brand {
            align-items: flex-start;
            gap: 12px;
        }
        .auth-brand-icon {
            width: 32px;
            height: 32px;
            padding: 0;
            margin-top: -2px;
            background: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            animation: none;
        }
        .auth-brand-icon img {
            width: 32px;
            height: 32px;
            object-fit: contain;
            transform: none;
            filter: none;
        }
        .auth-brand i { color: var(--auth-gold); }
        .auth-brand-title {
            display: flex;
            flex-direction: row;
            align-items: baseline;
            justify-content: center;
            gap: 7px;
            background: none;
            -webkit-background-clip: initial;
            background-clip: initial;
            color: var(--auth-paper);
        }
        .auth-brand-title .auth-logo-nexa {
            font-size: 25px;
            line-height: 1;
            font-weight: 900;
            letter-spacing: 4px;
            margin-right: -4px;
        }
        .auth-brand-title .auth-logo-sys {
            align-self: baseline;
            font-size: 10px;
            line-height: 1;
            font-weight: 900;
            letter-spacing: 3px;
            margin-right: 0;
            color: var(--auth-gold);
            text-shadow: 0 0 10px rgba(0,230,118,0.42);
        }
        .auth-kicker { color: rgba(0,230,118,0.82); }
        .auth-copy,
        .auth-field .form-label { color: rgba(243,239,231,0.64); }
        .auth-input-wrap .form-input {
            border-color: rgba(255,255,255,0.11);
            background: rgba(255,255,255,0.038);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
        }
        .auth-input-wrap .form-input:focus {
            border-color: rgba(0,230,118,0.58);
            box-shadow: 0 0 0 3px rgba(0,230,118,0.12), inset 0 1px 0 rgba(255,255,255,0.05);
            background: rgba(255,255,255,0.055);
        }
        .auth-input-wrap .form-input:-webkit-autofill,
        .auth-input-wrap .form-input:-webkit-autofill:hover,
        .auth-input-wrap .form-input:-webkit-autofill:focus,
        .auth-input-wrap .form-input:-webkit-autofill:active {
            border-color: rgba(0,230,118,0.58);
            -webkit-text-fill-color: var(--auth-paper);
            caret-color: var(--auth-paper);
            -webkit-box-shadow: 0 0 0 1000px #141a18 inset, 0 0 0 3px rgba(0,230,118,0.12), inset 0 1px 0 rgba(255,255,255,0.05);
            box-shadow: 0 0 0 1000px #141a18 inset, 0 0 0 3px rgba(0,230,118,0.12), inset 0 1px 0 rgba(255,255,255,0.05);
            transition: background-color 9999s ease-out, color 9999s ease-out;
        }
        .auth-input-wrap .form-input:autofill {
            border-color: rgba(0,230,118,0.58);
            color: var(--auth-paper);
            caret-color: var(--auth-paper);
            box-shadow: 0 0 0 1000px #141a18 inset, 0 0 0 3px rgba(0,230,118,0.12), inset 0 1px 0 rgba(255,255,255,0.05);
        }
        .auth-input-wrap:focus-within > i,
        .auth-visibility-btn:hover,
        .auth-forgot button:hover,
        .auth-mode-switch button { color: var(--auth-gold); }
        .auth-box .btn-submit {
            background: linear-gradient(90deg, #00e676 0%, #00c853 100%) !important;
            color: #00190c !important;
            box-shadow: 0 18px 38px rgba(0,230,118,0.22), 0 0 0 1px rgba(255,255,255,0.18) inset;
        }
        .auth-box .btn-submit:hover {
            box-shadow: 0 24px 48px rgba(0,230,118,0.30), 0 0 30px rgba(0,230,118,0.10);
        }
        @keyframes authGridDrive {
            from { background-position: 0 0, 0 0; }
            to { background-position: 0 90px, 90px 0; }
        }
        @keyframes authOrbitBreath {
            0%, 100% { transform: scale(0.98); opacity: 0.82; }
            50% { transform: scale(1.02); opacity: 1; }
        }
        @keyframes authOrbitDot {
            to { transform: rotate(360deg); }
        }
        @keyframes authFloatCard {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        @media (max-width: 980px) {
            .auth-visual-stage { opacity: 0.64; right: -30px; }
            .auth-showcase-main { max-width: 360px; }
            .auth-showcase-title { font-size: 38px; }
        }
        @media (max-width: 820px) {
            .auth-shell { width: min(430px, 100%); grid-template-columns: 1fr; }
            .auth-showcase { display: none; }
            .auth-box { padding: 32px 28px; }
        }
        @media (max-width: 420px) {
            .auth-box { padding: 26px 20px; }
        }
        body.economy-mode .auth-orbit,
        body.economy-mode .auth-orbit::after,
        body.economy-mode .auth-orbit-dot,
        body.economy-mode .auth-float-card {
            animation: none !important;
        }
        @media (prefers-reduced-motion: reduce) {
            .auth-orbit,
            .auth-orbit::after,
            .auth-orbit-dot,
            .auth-float-card {
                animation: none !important;
            }
        }