:root {
			--mm-bg-soft: #f8fafc;
			--mm-input-bg: #f1f5f9;
			--mm-navy: #0f172a;
			--mm-action: #25e200;
		}

		* {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}

		body {
			font-family: 'Satoshi-Variable', sans-serif;
			background-color: white;
			height: 100vh;
			overflow: hidden;
			display: flex;
			font-weight: 300;
		}

		.split-container {
			display: flex;
			width: 100%;
			height: 100vh;
		}

		/* Left Section (Login) */
		.login-section {
			flex: 1;
			background-color: var(--mm-bg-soft);
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 2rem;
			position: relative;
			overflow: hidden;
		}

		.glow {
			position: absolute;
			top: -100px;
			left: -100px;
			width: 400px;
			height: 400px;
			background: radial-gradient(circle, rgba(37, 226, 0, 0.15) 0%, transparent 70%);
			filter: blur(60px);
			pointer-events: none;
		}

		.login-card {
			width: 100%;
			max-width: 440px;
			background: white;
			padding: 3rem 3rem;
			border-radius: 40px;
			box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.08);
			z-index: 10;
			animation: cardAppear 0.8s cubic-bezier(0.19, 1, 0.22, 1);
		}

		@keyframes cardAppear {
			from {
				opacity: 0;
				transform: translateY(30px);
			}

			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		.logo-container {
			text-align: center;
			margin-bottom: 2rem;
		}

		.logo-container img {
			height: 42px;
		}

		.subtitle {
			text-align: center;
			font-size: 0.9rem;
			color: #94a3b8;
			margin-bottom: 1.5rem;
			font-weight: 500;
		}

		.form-group {
			margin-bottom: 1.5rem;
		}

		.form-label {
			display: block;
			font-size: 0.65rem;
			font-weight: 500;
			color: #94a3b8;
			margin-bottom: 0.75rem;
			letter-spacing: 0.05em;
		}

		.input-group-row {
			display: flex;
			gap: 0.75rem;
		}

		.select-control {
			width: 100px;
			background-color: var(--mm-input-bg);
			border: none;
			border-radius: 12px;
			padding: 0 0.75rem;
			font-size: 0.9rem;
			font-weight: 600;
			color: var(--mm-navy);
			outline: none;
			transition: all 0.3s;
			height: 48px;
		}

		.input-control {
			flex: 1;
			background-color: var(--mm-input-bg);
			border: none;
			border-radius: 12px;
			padding: 0.75rem 1.25rem;
			font-size: 0.95rem;
			font-weight: 500;
			color: var(--mm-navy);
			outline: none;
			transition: all 0.3s;
			height: 48px;
		}

		.input-control::placeholder {
			color: #94a3b8;
		}

		#senhaacesso {
			width: 100%;
		}

		.input-control:focus,
		.select-control:focus {
			background-color: #eef2f7;
			box-shadow: 0 0 0 4px rgba(37, 226, 0, 0.1);
		}

		.actions {
			margin-top: 1.5rem;
			display: flex;
			flex-direction: column;
			gap: 1rem;
		}

		.btn-auth {
			background-color: var(--mm-navy);
			color: white;
			border: none;
			padding: 1rem;
			border-radius: 12px;
			font-weight: 700;
			font-size: 1rem;
			cursor: pointer;
			transition: all 0.3s;
		}

		.btn-auth:hover {
			background-color: #1e293b;
			transform: scale(1.01);
		}

		.btn-new {
			background-color: white;
			color: #64748b;
			border: none;
			padding: 1rem;
			border-radius: 12px;
			font-weight: 600;
			font-size: 0.9rem;
			text-align: center;
			text-decoration: none;
			box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
			transition: all 0.3s;
		}

		.btn-new:hover {
			box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
			color: var(--mm-navy);
		}

		.social-login {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 1rem;
			margin-top: 2rem;
		}

		.social-btn {
			padding: 0.75rem;
			background: white;
			border: 1px solid #f1f5f9;
			border-radius: 12px;
			font-size: 0.8rem;
			font-weight: 600;
			color: #64748b;
			text-align: center;
			cursor: pointer;
			transition: all 0.2s;
		}

		.social-btn:hover {
			background: #f8fafc;
			border-color: #e2e8f0;
		}

		/* Bottom Ticker */
		.bottom-ticker {
			position: absolute;
			bottom: 3.5rem;
			left: 0;
			right: 0;
			display: flex;
			justify-content: center;
			gap: 3rem;
			font-size: 0.725rem;
			font-weight: 500;
			color: #94a3b8;
			letter-spacing: 0.02em;
		}

		.ticker-value {
			color: #22c55e;
		}

		.ticker-blue {
			color: #3b82f6;
		}

		/* Right Section (Image) */
		.image-section {
			flex: 1;
			background: url('../assets/img/mmain01.png') no-repeat center center;
			background-size: cover;
			background-position: 72% center;
		}

		@media (max-width: 1024px) {
			.image-section {
				display: none;
			}

			.login-section {
				flex: 1;
			}

			.login-card {
				padding: 4rem 2.5rem;
			}
		}