section {
	.introContainer {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 24px;
		.imgArea {
			width: 126px;
			aspect-ratio: 1 / 1;
			img {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
		}
		h1 {
			margin-top: 16px;
			margin-bottom: 6px;
			font-weight: 600;
			font-size: 16px;
			color: var(--Neutrals-Black);
		}
		p {
			text-align: center;
			font-weight: 400;
			font-size: 12px;
			color: var(--Neutrals-Black-Coral);
		}
	}
	.loginContainer {
		margin-top: 81px;
		h1 {
			font-weight: 600;
			font-size: 14px;
			color: var(--Neutrals-Black);
		}
		ul {
			display: flex;
			flex-direction: column;
			gap: 16px;
			margin-top: 16px;
			li {
				display: grid;
				grid-template-columns: auto 1fr auto;
				align-items: center;
				gap: 8px;
				/* display: flex;
				flex-direction: column; */
				padding: 12px 16px;
				border: 1px solid var(--Neutrals-Alice-Blue);
				border-radius: 8px;
				.imgArea {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 32px;
					height: 32px;
					border-radius: 8px;
					img {
						width: 20px;
						height: 20px;
						object-fit: contain;
					}
				}
				h2 {
					font-weight: 400;
					font-size: 12px;
					color: var(--Neutrals-Slate-Gray);
				}
				p {
					font-weight: 600;
					font-size: 12px;
					color: var(--Neutrals-Black-Coral);
				}
				button {
					border: none;
					background-color: transparent;
				}
			}
		}
	}	
}